/* ═══════════════════════════════════════════════════════
   ClawBank — Design Tokens
   Single source of truth for all CSS custom properties.
   Linked by index.html and design-system.html.
═══════════════════════════════════════════════════════ */

/* ── Dark mode (default) ────────────────────────────── */
:root {
  /* — Backgrounds — */
  --bg:          #080808;
  --surface:     #111111;
  --surface-2:   #141210;

  /* — Text — */
  --text:        #f0ede6;
  --text-muted:  #9D948D;

  /* — Accent — */
  --accent:      #EB6E12;
  --accent-dim:  rgba(235, 110, 18, 0.10);
  --accent-glow: rgba(235, 110, 18, 0.22);

  /* — Borders — */
  --border:      rgba(240, 237, 230, 0.07);
  --border-hi:   rgba(240, 237, 230, 0.14);

  /* — Typography — */
  --font-display: 'PP Nikkei Pacific', Georgia, serif;
  --font-italic:  'Tiempos Headline', Georgia, serif;
  --font-mono:    'IBM Plex Mono', 'Courier New', monospace;

  /* — Layout — */
  --max-w: 1160px;
  --nav-h: 64px;
}