/* ============================================================
   Design tokens — color palette, theme variants, type stacks
   ============================================================ */

:root {
  --bg: #0d1117;
  --bg-2: #161b22;
  --bg-3: #1c2128;
  --border: #30363d;
  --border-soft: #21262d;
  --text: #e6edf3;
  --text-muted: #8b949e;
  --text-dim: #6e7681;
  --accent: #ffa657;
  --accent-2: #79c0ff;
  --accent-3: #d2a8ff;
  --success: #56d364;
  --warning: #e3b341;
  --danger: #f85149;
  --mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --sans: 'IBM Plex Sans', system-ui, sans-serif;
  --serif: 'IBM Plex Serif', Georgia, serif;
}

[data-theme="light"] {
  --bg: #fafaf7;
  --bg-2: #ffffff;
  --bg-3: #f0eee6;
  --border: #d0d7de;
  --border-soft: #e6e8eb;
  --text: #1f2328;
  --text-muted: #59636e;
  --text-dim: #818b98;
  --accent: #bc4c00;
  --accent-2: #0969da;
  --accent-3: #8250df;
}