/* Everlit Candle — design tokens v1 (mobile-first)
   Source of truth: design/BRIEF.md */
:root{
  /* color — evergreen night + bone + single amber accent (from test redesign) */
  --bg:        #0C1310;
  --card:      #12211A;
  --line:      rgba(233,231,218,.10);
  --text-hi:   #EDE7DA;
  --text-mid:  #A7B3A6;
  --text-low:  #8B958A;  /* nudged lighter for AA: ~5.4:1 on cards, ~6:1 on bg */
  --accent:    #E8A54B;
  --accent-ink:#160E03;

  /* type — Cormorant Garamond display (headings) + Figtree body.
     Sizes bumped ~20% for readability; nothing below 16px. */
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body:    'Figtree', system-ui, sans-serif;
  --size-display: 2.25rem;    /* 36px mobile (was 30px) */
  --size-body:    1.275rem;   /* 20.4px (was 17px) */
  --size-meta:    1rem;       /* 16px min (was 12px) */
  --lh-display: 1.25;
  --lh-body:    1.6;
  --track-meta: .14em;

  /* shape & space */
  --radius-card: 16px;
  --radius-pill: 999px;
  --pad-page: 20px;
  --tap-min: 48px;
  --content-max: 640px;
  --wall-max: 1100px;
}

@media (min-width: 768px){
  :root{ --size-display: 3rem; } /* was 2.5rem */
}

/* motion policy: only flames move */
@media (prefers-reduced-motion: reduce){
  .flame-canvas{ animation: none !important; } /* renderer falls back to static glow */
}