:root {
            --ivory: #FCFAF7;
            --charcoal: #1A1A1A;
            --rose: #C28E6E;
            --clay: #8E7D73;
            --linen: #F2EDE4;
            --mint: #E8F0EA;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--ivory);
            color: var(--charcoal);
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        .serif { font-family: 'Playfair Display', serif; }
        .luxury { font-family: 'Cormorant Garamond', serif; }

        /* Smooth View Transitions */
        .page-view { display: none; opacity: 0; transform: translateY(40px); transition: all 1.2s cubic-bezier(0.23, 1, 0.32, 1); }
        .page-view.active { display: block; opacity: 1; transform: translateY(0); }

        /* Scroll Animation Engine */
        .reveal { opacity: 0; transform: translateY(60px); transition: all 1.4s cubic-bezier(0.16, 1, 0.3, 1); }
        .reveal.visible { opacity: 1; transform: translateY(0); }

        /* Navigation Styles */
        .nav-link { position: relative; font-size: 10px; letter-spacing: 0.35em; text-transform: uppercase; font-weight: 700; }
        .nav-link::after { content: ''; position: absolute; width: 0; height: 1px; bottom: -5px; left: 0; background: var(--rose); transition: width 0.5s ease; }
        .nav-link:hover::after { width: 100%; }

        /* Product Card Polishing */
        .product-frame { border-radius: 3.5rem; overflow: hidden; position: relative; aspect-ratio: 4/5; }
        .product-frame img { transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1); }
        .product-frame:hover img { transform: scale(1.15); }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 4px; }
        ::-webkit-scrollbar-track { background: var(--ivory); }
        ::-webkit-scrollbar-thumb { background: var(--clay); border-radius: 10px; }

        /* Dark Mode overrides */
        .dark-section { background-color: var(--charcoal); color: var(--ivory); }
        
        /* Glassmorphism */
        .glass { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(20px); border: 1px solid rgba(255, 255, 255, 0.1); }
        
        /* Text gradients */
        .text-gradient { background: linear-gradient(to bottom, #1A1A1A, #8E7D73); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        
        .no-scrollbar::-webkit-scrollbar { display: none; }
        @keyframes marquee {
                0% { transform: translateX(100%); }
                100% { transform: translateX(-100%); }
                }
                .animate-marquee {
                animation: marquee 25s linear infinite;
                }