:root {
            --olive: #41431B;
            --sage: #AEB784;
            --cream: #FFF4EA;
            --white: #FFFFFF;
        }

        body {
            font-family: 'Quicksand', sans-serif;
            background-color: var(--cream);
            color: var(--olive);
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

        h1, h2, h3, .font-bold { font-weight: 700; }
        p, .font-light { font-weight: 300; }

        /* Multipage System */
        .page-view { display: none; min-height: 100vh; }
        .page-view.active { display: block; animation: fadeIn 0.8s ease-out; }
        @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

        /* Custom Header Scroll */
        nav.scrolled {
            background: rgba(255, 244, 234, 0.95);
            backdrop-filter: blur(10px);
            padding: 1rem 0 !important;
            border-bottom: 1px solid rgba(65, 67, 27, 0.1);
        }

        /* Editorial Grid */
        .editorial-grid {
            display: grid;
            grid-template-columns: 1.2fr 0.8fr;
            gap: 2rem;
        }

        /* Frame Card Hover */
        .frame-card {
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .frame-card:hover {
            transform: translateY(-10px);
        }
        .frame-card:hover .frame-img {
            transform: scale(1.05);
        }

        /* Hero Animation */
        .hero-bg-zoom {
            animation: slowZoom 20s infinite alternate;
        }
        @keyframes slowZoom {
            from { transform: scale(1); }
            to { transform: scale(1.15); }
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--cream); }
        ::-webkit-scrollbar-thumb { background: var(--olive); border-radius: 10px; }

        /* Auth Modals */
        .modal-overlay {
            background: rgba(65, 67, 27, 0.4);
            backdrop-filter: blur(4px);
        }