/* ============================================================
   tokens.css — shared design tokens for the BWT deck system
   Single source of truth for palette + typography.
   Linked by index.html and every slidedeck_*_standalone.html.
   ============================================================ */

/* ─── Reset ─── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  /* ── Surfaces ── */
  --bg:           #0D1117;
  --surface:      #161B22;
  --border:       #30363D;
  --border-hover: #444C56;

  /* ── Brand ── */
  --blue:         #29B6F6;
  --orange:       #F57C00;

  /* Tinted brand (dim fills / glow halos) — ported from the index */
  --blue-dim:     rgba(41,182,246,0.10);
  --blue-glow:    rgba(41,182,246,0.22);
  --orange-dim:   rgba(245,124,0,0.10);
  --orange-glow:  rgba(245,124,0,0.22);
  --grid-color:   rgba(41,182,246,0.04);

  /* ── Text ──
     Two aliases for the SAME values so both stylesheets resolve:
     the decks reference --text-primary/secondary/muted,
     the index references --text-1/2/3. */
  --text-primary:   #FFFFFF;  --text-1: #FFFFFF;
  --text-secondary: #8B949E;  --text-2: #8B949E;
  --text-muted:     #484F58;  --text-3: #484F58;

  /* ── Geometry ── */
  --radius: 10px;

  /* ── Typography ──
     --font-display : Syne          — headings + hero numbers
     --font-mono    : JetBrains Mono — labels, counters, meta, code
     --font-body    : Inter          — body copy */
  --font-display: 'Syne', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;
  --font-body:    'Inter', sans-serif;
}