body {
    font-family: 'Inter', sans-serif;
    background-color: #030303;
    /* Custom abstract grid background */
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.03) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.03) 1px, transparent 1px);
    background-size: 60px 60px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #030303;
}

::-webkit-scrollbar-thumb {
    background: #262626;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #404040;
}

/* Subtle glow animation */
@keyframes pulse-glow {

    0%,
    100% {
        opacity: 0.4;
        transform: scale(1);
    }

    50% {
        opacity: 0.6;
        transform: scale(1.05);
    }
}

.glow-effect {
    animation: pulse-glow 4s infinite ease-in-out;
}

/* Custom toggle styling */
.toggle-checkbox:checked {
    right: 0;
    border-color: #6366f1;
}

.toggle-checkbox:checked+.toggle-label {
    background-color: #6366f1;
}

/* Font classes */
.font-geist {
    font-family: 'Geist', sans-serif !important;
}
.font-roboto {
    font-family: 'Roboto', sans-serif !important;
}
.font-montserrat {
    font-family: 'Montserrat', sans-serif !important;
}
.font-poppins {
    font-family: 'Poppins', sans-serif !important;
}
.font-playfair {
    font-family: 'Playfair Display', serif !important;
}
.font-instrument-serif {
    font-family: 'Instrument Serif', serif !important;
}
.font-merriweather {
    font-family: 'Merriweather', serif !important;
}
.font-bricolage {
    font-family: 'Bricolage Grotesque', sans-serif !important;
}
.font-jakarta {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}
.font-manrope {
    font-family: 'Manrope', sans-serif !important;
}
.font-space-grotesk {
    font-family: 'Space Grotesk', sans-serif !important;
}
.font-work-sans {
    font-family: 'Work Sans', sans-serif !important;
}
.font-pt-serif {
    font-family: 'PT Serif', serif !important;
}
.font-geist-mono {
    font-family: 'Geist Mono', monospace !important;
}
.font-space-mono {
    font-family: 'Space Mono', monospace !important;
}
.font-quicksand {
    font-family: 'Quicksand', sans-serif !important;
}
.font-nunito {
    font-family: 'Nunito', sans-serif !important;
}
.font-newsreader {
    font-family: 'Newsreader', serif !important;
}
.font-google-sans-flex {
    font-family: 'Google Sans Flex', sans-serif !important;
}
.font-oswald {
    font-family: 'Oswald', sans-serif !important;
}
.font-dm-sans {
    font-family: 'DM Sans', sans-serif !important;
}