body {
    background-color: #040A17;
    color: hsl(210, 40%, 98%);
}

h1,
h2 {
    font-family: 'TobiasTRIAL' !important;
   
}

.dark\:bg-border-dark:is(.dark *) {
    background-color: var(--border);
}


.dark\:border-border-dark:is(.dark *) {
    border-color: var(--border);
}

body {
    font-family: 'Inter', sans-serif;
}

 
 body {
            font-family: 'Inter', sans-serif;
            background-color: #040A17;
            color: hsl(210, 40%, 98%);
        }

        .material-symbols-outlined {
            font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }

        .custom-scrollbar::-webkit-scrollbar {
            width: 6px;
            height: 6px;
        }

        .custom-scrollbar::-webkit-scrollbar-track {
            background: #040A17;
        }

        .custom-scrollbar::-webkit-scrollbar-thumb {
            background: hsl(220, 15%, 30%);
            border-radius: 3px;
        }

        .glass-card {
            background: rgba(11, 18, 33, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid hsl(220, 15%, 20%);
        }

        .app-sidebar-link.active {
            background: hsl(217, 91%, 60%);
            color: hsl(220, 25%, 8%);
            box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
        }

        .product-card {
            background: #0B1221;
            border: 1px solid hsl(220, 15%, 20%);
            border-radius: 0.5rem;
            overflow: hidden;
            transition: box-shadow 0.2s;
        }

        .product-card:hover {
            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -1px rgba(0, 0, 0, 0.2);
        }

        .product-tag {
            font-size: 0.65rem;
            padding: 2px 6px;
            border-radius: 4px;
            font-weight: 600;
            text-transform: uppercase;
        }

        .product-btn {
            font-size: 0.75rem;
            font-weight: 500;
            padding: 0.375rem 0.75rem;
            border-radius: 0.375rem;
            display: inline-flex;
            align-items: center;
            gap: 0.25rem;
            justify-content: center;
        }