/* ═══════════════════════════════════════════════════════════════
   Wildfire Dating — Design Tokens
   Single source of truth for all colours, fonts, and root vars.
   Import this first in any stylesheet.
═══════════════════════════════════════════════════════════════ */

:root {
  /* Colour palette */
  --ash:    #0C0806;     /* Page background — deepest charcoal */
  --coal:   #160E0A;     /* Secondary background */
  --ember:  #E85D20;     /* Primary accent — ember orange */
  --flame:  #F5913A;     /* Secondary accent — warm flame */
  --gold:   #C9A84C;     /* Tertiary accent — burnished gold */
  --gold-lt:#E2C97E;     /* Gold highlight */
  --brgd:   #4A1428;     /* Burgundy — from app design system */
  --cream:  #F5EDD8;     /* Primary text */
  --smoke:  rgba(245,237,216,.55); /* Secondary text */
  --dim:    rgba(245,237,216,.38); /* Tertiary / hint text */

  /* Typography */
  --font-display: 'Cinzel', serif;
  --font-body:    'Cormorant Garamond', serif;

  /* Spacing scale (8px base) */
  --sp-xs:  8px;
  --sp-sm:  16px;
  --sp-md:  24px;
  --sp-lg:  48px;
  --sp-xl:  80px;
  --sp-2xl: 120px;
  --sp-3xl: 160px;
}