/* ═══════════════════════════════════════════════════════
   BRAND SYSTEM — Psychology-Driven Color Architecture
   ───────────────────────────────────────────────────────
   Rose Quartz (#C4928A)  → Warmth, trust, femininity
   Burgundy (#6B2D3E)     → Passion, luxury, exclusivity
   Gold (#C9A96E)         → Premium, success, aspiration  
   Champagne (#E8D5C4)    → Calm, sophistication, spa
   Ivory (#FFFCF7)        → Purity, cleanliness, space
   Charcoal (#2C2226)     → Elegance, authority, depth
   ═══════════════════════════════════════════════════════ */
:root {
    --cream: #FBF7F2;
    --cream-deep: #F5EDE3;
    --ivory: #FFFCF7;
    --champagne: #E8D5C4;
    --rose: #C4928A;
    --rose-light: #DEB5AD;
    --rose-deep: #A67068;
    --burgundy: #6B2D3E;
    --burgundy-deep: #4A1E2B;
    --gold: #C9A96E;
    --gold-light: #E2D1A8;
    --charcoal: #2C2226;
    --charcoal-soft: #4A3F43;
    --muted: #8C7E82;

    --bg: var(--cream);
    --bg-alt: var(--ivory);
    --surface: #FFFFFF;
    --text: var(--charcoal);
    --text-sec: var(--muted);

    --grad-luxury: linear-gradient(135deg, var(--burgundy) 0%, var(--rose-deep) 50%, var(--gold) 100%);
    --grad-rose: linear-gradient(135deg, var(--rose) 0%, var(--rose-light) 100%);
    --grad-gold: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 100%);
    --grad-dark: linear-gradient(135deg, var(--burgundy-deep) 0%, var(--charcoal) 100%);

    --font-display: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'DM Sans', system-ui, sans-serif;
    --section-pad: clamp(5rem, 10vw, 9rem);
    --ease: cubic-bezier(0.22, 1, 0.36, 1);
    --ease-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);

    --border: rgba(44, 34, 38, 0.06);
    --border-a: rgba(196, 146, 138, 0.2);
    --sh-sm: 0 2px 8px rgba(44, 34, 38, 0.04);
    --sh-md: 0 8px 32px rgba(44, 34, 38, 0.06);
    --sh-lg: 0 24px 64px rgba(44, 34, 38, 0.08);
    --sh-xl: 0 32px 80px rgba(107, 45, 62, 0.12);
}

[data-theme="dark"] {
    --bg: #1A1316;
    --bg-alt: #211A1D;
    --surface: #2C2226;
    --text: #F5EDE3;
    --text-sec: #A89599;
    --border: rgba(245, 237, 227, 0.06);
    --border-a: rgba(196, 146, 138, 0.15);
    --sh-sm: 0 2px 8px rgba(0, 0, 0, 0.2);
    --sh-md: 0 8px 32px rgba(0, 0, 0, 0.25);
    --sh-lg: 0 24px 64px rgba(0, 0, 0, 0.3);
}