/*
 * QuizMyBrainz — Shared Design Tokens
 * BDC-002 v1.2.1 authority | DC-Track | AWRM Certified
 * Source of truth for all site-wide CSS custom properties.
 * Reference this file before any page stylesheet.
 * Last updated: DC-S09 | 2026-04-19
 *
 * Token categories:
 *   Brand palette    — --navy, --gold, --steel
 *   Surface fills    -- --warm, --canvas, --ghost, --gold-pale, --gold-light
 *   Deep backgrounds — --navy-deep, --ink-deep
 *   Text             — --ink, --mid, --light (decorative only — not for small text)
 *   Utility          — --rule
 */

:root {
  /* ── Brand palette ── */
  --navy:       #1F3864;   /* primary brand navy */
  --gold:       #C9A84C;   /* accent gold — CTA fills, borders, ::before lines */
  --steel:      #2E75B6;   /* link / axis-B / steel accent */

  /* ── Surface fills ── */
  --warm:       #FAFAF7;   /* primary page background */
  --canvas:     #F4F3EF;   /* secondary surface, cards, sidebars */
  --ghost:      #EEF1F7;   /* stat bar, ghost-navy cards */
  --gold-pale:  #FDF6E3;   /* credential panel, pale gold accents */
  --gold-light: #E8D5A3;   /* credential panel border, gold dividers */

  /* ── Deep backgrounds ── */
  --navy-deep:  #141E32;   /* privacy section — distinct from hero navy */
  --ink-deep:   #18181C;   /* site footer background */

  /* ── Text ── */
  --ink:        #2A2A35;   /* primary body text — 16.31:1 on --warm ✓ */
  --mid:        #5A5C6E;   /* secondary text — 6.29:1 on --warm ✓ */
  --light:      #9B9EAF;   /* DECORATIVE ONLY — borders, dividers, non-text SVG */
                           /* Do NOT use --light for text < 24px — contrast 2.28-2.54:1 FAILS AA */

  /* ── Utility ── */
  --rule:       rgba(0,0,0,0.07);  /* horizontal rules, card borders */
}