:root {
            --soft-white: #FAFAFA;
            --ash-gray: #F1F5F9;
            --slate-blue: #64748B;
            --charcoal: #1F2937;
            --emerald: #10B981;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--soft-white);
            color: var(--charcoal);
            overflow-x: hidden;
        }

        .font-display { font-family: 'Sora', sans-serif; }
        .font-ui { font-family: 'Manrope', sans-serif; }

        /* Smooth UI Transitions */
        .glass-nav {
            background: rgba(250, 250, 250, 0.8);
            backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(0,0,0,0.05);
            transition: all 0.4s ease;
        }

        .product-card {
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
        }
        .product-card:hover {
            transform: translateY(-12px);
            background: white;
            box-shadow: 0 30px 60px -12px rgba(0,0,0,0.05);
        }

        /* Modal Overlays */
        .modal-overlay {
            background: rgba(15, 23, 42, 0.6);
            backdrop-filter: blur(8px);
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.4s ease;
        }
        .modal-overlay.active {
            opacity: 1;
            pointer-events: auto;
        }

        /* Custom Lookbook Scrollbar */
        ::-webkit-scrollbar { width: 6px; }
        ::-webkit-scrollbar-track { background: var(--soft-white); }
        ::-webkit-scrollbar-thumb { background: #e2e8f0; border-radius: 10px; }

        /* Animations */
        @keyframes reveal { from { opacity: 0; transform: translateY(40px); } to { opacity: 1; transform: translateY(0); } }
        .reveal { animation: reveal 1s cubic-bezier(0.23, 1, 0.32, 1) forwards; }
        .delay-1 { animation-delay: 0.2s; }
        .delay-2 { animation-delay: 0.4s; }

        /* Price Range Pill */
        .price-pill {
            background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%);
        }