/* ─── tokens.css ─── Canonical Sessemi design tokens.
   Single source of truth for colours, typography, and shared spacing values.
   Loaded directly by pages that don't pull site.css (index.html, docs.html,
   vendors.html) and inherited transitively by everything that does. */

:root {
  /* ── Surface scale ── */
  --bg-deep:       #0a0a0c;
  --bg-surface:    #111115;
  --bg-raised:     #18181e;
  --bg-hover:      #1e1e26;

  /* ── Borders ── */
  --border:        #2a2a35;
  --border-bright: #3a3a48;

  /* ── Text scale ── */
  --text-primary:   #e8e8ed;
  --text-secondary: #8888a0;
  --text-muted:     #55556a;

  /* ── Brand ── */
  --green:        #00ff88;
  --green-dim:    #00cc6a;
  --green-glow:   rgba(0, 255, 136, 0.15);
  --green-subtle: rgba(0, 255, 136, 0.06);

  /* ── Accent ── */
  --red:   #ff4466;
  --amber: #f0c000;
  --cyan:  #00d4ff;

  /* ── Typography ── */
  --font-display: 'Outfit', sans-serif;
  --font-mono:    'JetBrains Mono', monospace;

  /* ── Legacy aliases ── kept temporarily so docs.html and vendors.html
        (which used renamed tokens like --bg, --text, --text-dim) continue
        rendering correctly without rewriting ~500 lines of inline CSS.
        Removable once those pages migrate to canonical token names. */
  --bg:           var(--bg-deep);
  --text:         var(--text-primary);
  --text-dim:     var(--text-muted);
}