/* ============================================================================
   CookStache — canonical web theme (SINGLE SOURCE OF TRUTH for the brand look)
   ----------------------------------------------------------------------------
   Every page links this file. To re-skin the whole site, edit the tokens below
   and every page that uses them follows. Palette is the dark "fire" look:
   charcoal ground, ember-orange + grill-red accents, warm off-white text.

   RULE: pages must style with these var(--…) tokens — never hardcode brand hex.
   New pages: link this file, then build components from the tokens.
   ============================================================================ */
:root {
  /* Brand accents */
  --grill-red: #E31B23;
  --grill-red-dark: #B81520;
  --flame-orange: #F7941D;
  --flame-light: #FFB347;

  /* Surfaces (dark) */
  --bg: #120b09;            /* page ground */
  --ash-dark: #0d0806;      /* deepest (footer) */
  --panel: rgba(255,255,255,0.045);   /* card / raised surface */
  --panel-2: rgba(255,255,255,0.07);  /* hover / emphasis */
  --line: rgba(255,255,255,0.10);     /* borders */
  --line-soft: rgba(255,255,255,0.08);/* subtle dividers */

  /* Text */
  --ink: #EDE4DC;           /* body text on dark */
  --ink-muted: #B8AFA6;     /* secondary text */
  --ink-dim: #8F847B;       /* tertiary / meta */

  /* Legacy names kept as aliases so older pages resolve during migration.
     Prefer the semantic tokens above in new work. */
  --char-brown: #4A2318;
  --smoke-white: #FAF7F2;

  /* Type + shape */
  --head: 'Barlow Semi Condensed', sans-serif;
  --body: 'Barlow', sans-serif;
  --radius: 12px;
}