        :root {
            --cream: #F6F4E8;
            --teal: #0A7C6E;
            --blue: #7DAACB;
            --wine: #7F2020;
            --white: #FFFFFF;
        }

        body {
            font-family: 'Google Sans', sans-serif;
            background-color: var(--cream);
            color: var(--teal);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }

        /* Typography */
        .editorial-h { font-weight: 300; letter-spacing: -0.05em; line-height: 0.85; }
        .nav-link { text-transform: uppercase; letter-spacing: 0.3em; font-size: 0.7rem; font-weight: 600; }
        .pg-text { line-height: 1.8; font-weight: 400; font-size: 0.95rem; }

        /* Marquee Animation */
        @keyframes marquee {
            0% { transform: translateX(0); }
            100% { transform: translateX(-50%); }
        }
        .animate-marquee { display: flex; animation: marquee 25s linear infinite; }

        /* Glassmorphism */
        .glass-box {
            background: rgba(255, 255, 255, 0.05);
            backdrop-filter: blur(15px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }

        /* Scroll Reveal */
        .reveal { opacity: 0; transform: translateY(50px); transition: all 1s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.active { opacity: 1; transform: translateY(0); }

        /* Horizontal Scroll */
        .no-scrollbar::-webkit-scrollbar { display: none; }
        .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

        /* Page Transitions */
        #page-content { transition: opacity 0.5s ease-in-out; }
        .page-fade-out { opacity: 0; }

        /* Cart Drawer */
        #cart-drawer { transform: translateX(100%); transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
        #cart-drawer.open { transform: translateX(0); }

        .image-zoom-reveal { overflow: hidden; }
        .image-zoom-reveal img { transition: transform 1.5s cubic-bezier(0.16, 1, 0.3, 1); }
        .image-zoom-reveal:hover img { transform: scale(1.1); }
