/* Custom styles that extend Tailwind */
    
    html {
        scroll-behavior: smooth;
    }

    body {
        /* Ensures text is readable against the dark background */
        background-color: #121212;
        color: #e5e5e5;
    }

    /* Custom Scrollbar */
    ::-webkit-scrollbar {
        width: 10px;
    }
    ::-webkit-scrollbar-track {
        background: #1e1e1e;
    }
    ::-webkit-scrollbar-thumb {
        background: #FF6B6B;
        border-radius: 5px;
    }
    ::-webkit-scrollbar-thumb:hover {
        background: #e55a5a;
    }

    /* Editorial Typography Adjustments */
    h1, h2, h3, h4 {
        letter-spacing: -0.02em;
    }

    /* Smooth image loading */
    img {
        opacity: 1;
        transition: opacity 0.5s ease-in-out;
    }
    img[data-src] {
        opacity: 0;
    }

    /* Mobile Menu Transitions */
    #mobile-menu.active {
        opacity: 1;
        pointer-events: all;
    }

    /* Hero Text Gradient (Optional polish) */
    .hero-gradient-text {
        background: linear-gradient(135deg, #ffffff 0%, #e5e5e5 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }