/* ============================================================================
   Previously — MASTER BRAND TOKENS · The Rewind Glyph
   Confirmed by James 2026-09-26 ("That's the pattern"). ONE source of truth:
   every page links this file and references these tokens — never hardcodes
   brand colors. Emerald #0E5F45 is RETIRED and must not appear anywhere.
   Buttons are NEVER red: primary CTAs are Action graphite, secondary are pearl.
   ============================================================================ */
:root{
  --brand-red:#E8321E;        /* Rewind Red — wordmark glyph, brand accents, LIVE/status
                                 indicators. NEVER a button fill. */
  --brand-bg:#101114;         /* Deep Charcoal — page background (dark-first brand) */
  --brand-ink:#EDE6D6;         /* Warm Bone — wordmark text, primary light text/surfaces */
  --brand-action:#2B2B30;     /* Action Graphite — PRIMARY CTA buttons (Emerald's replacement) */
  --brand-secondary:#F4F1EA;  /* Pearl/Ivory — secondary buttons (outline/ghost), light accents */

  /* Derived tints of the SAME hues — do not invent new hues. */
  --brand-red-soft:rgba(232,50,30,.14);   /* soft red wash (pills, active states) */
  --brand-red-faint:rgba(232,50,30,.08);
  --brand-red-glow:rgba(232,50,30,.55);
  --brand-action-hi:#3d3d46;             /* graphite hover */
  --brand-ink-soft:rgba(237,230,214,.14); /* hairlines on dark */
}