/* ============================================================
   BLACK ELIXIR SPA — DESIGN TOKENS
   ============================================================ */
:root {
  --bg:          #0A0A0A;
  --bg-2:        #141414;
  --surface:     #1C1C1C;
  --surface-2:   #222222;
  --accent:      #C9A98A;
  --accent-alt:  #D4A5A5;
  --text:        #F0EDE8;
  --text-muted:  #9A9590;
  --border:      rgba(201,169,138,0.15);
  --border-h:    rgba(201,169,138,0.38);
  --glow:        rgba(201,169,138,0.07);
  --f-head:      'Cormorant Garamond', Georgia, serif;
  --f-body:      'Inter', system-ui, sans-serif;
  --sp-1: 0.5rem; --sp-2: 1rem;  --sp-3: 1.5rem;
  --sp-4: 2rem;   --sp-5: 2.5rem; --sp-6: 3rem;  --sp-8: 4rem;
  --sp-12: 6rem;  --sp-16: 8rem;
  --r-sm: 4px; --r-md: 12px; --r-lg: 24px; --r-xl: 32px;
  --t: 220ms cubic-bezier(0.4, 0, 0.2, 1);
  --shadow-card: 0 4px 32px rgba(0,0,0,0.45);
  --shadow-glow: 0 0 48px var(--glow);
  --nav-h: 72px;
}

[data-accent="rose"] {
  --accent:   #D4A5A5;
  --border:   rgba(212,165,165,0.15);
  --border-h: rgba(212,165,165,0.38);
  --glow:     rgba(212,165,165,0.07);
}

[data-font="dm"] { --f-head: 'DM Serif Display', Georgia, serif; }