:root {
            --soft-blush: #F6E9E4;
            --warm-ivory: #FAF7F4;
            --sage-green: #9DB8A0;
            --cocoa-brown: #3B2F2F;
            --rose-gold: #C9A4A4;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--warm-ivory);
            color: var(--cocoa-brown);
            scroll-behavior: smooth;
        }

        .font-display { font-family: 'Cormorant Garamond', serif; }
        .font-ui { font-family: 'DM Sans', sans-serif; }

        .grain {
            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
            background-image: url("https://i.pinimg.com/736x/22/b4/5d/22b45d2329bd18e2fa1f0a1a1af82804.jpg");
            opacity: 0.15; pointer-events: none; z-index: 50;
        }

        .nav-glass {
            background: rgba(250, 247, 244, 0.85);
            backdrop-filter: blur(10px);
        }

        .btn-aesthetic {
            background-color: var(--rose-gold);
            color: white;
            transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            letter-spacing: 1px;
        }

        .btn-aesthetic:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 20px -10px var(--rose-gold);
            background-color: #b88d8d;
        }

        .card-wellness {
            background: white;
            border-radius: 40px;
            transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
            overflow: hidden;
        }

        .card-wellness:hover {
            transform: translateY(-10px);
            box-shadow: 0 40px 80px -20px rgba(59, 47, 47, 0.08);
        }

        .lookbook-item {
            aspect-ratio: 3/4;
            overflow: hidden;
            position: relative;
        }

        .lookbook-item img {
            transition: transform 1.2s cubic-bezier(0.165, 0.84, 0.44, 1);
        }

        .lookbook-item:hover img {
            transform: scale(1.08);
        }

        .animate-fade-up {
            animation: fadeUp 1s forwards;
            opacity: 0;
        }

        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        .custom-scrollbar::-webkit-scrollbar { width: 4px; }
        .custom-scrollbar::-webkit-scrollbar-track { background: var(--warm-ivory); }
        .custom-scrollbar::-webkit-scrollbar-thumb { background: var(--rose-gold); border-radius: 10px; }

        .modal-bg { background: rgba(59, 47, 47, 0.4); backdrop-filter: blur(4px); }