/*
 * Brand tokens — THE ONLY PLACE colors, fonts, and spacing are defined.
 * To rebrand: change values here. Every page picks them up automatically.
 * See also: config/brand.py for Python-side brand tokens (emails, etc.)
 */
:root {
  /* ── Colors ─────────────────────────────────────────────────── */
  --bg:           #07090f;
  --surface:      #0e1117;
  --surface2:     #161c26;
  --border:       #1e2535;
  --border-lit:   #2d3a50;

  --text:         #e8edf5;
  --muted:        #8892a4;
  --subtle:       #4a5568;

  /* Brand accent — swap this one variable to shift the whole color feel */
  --accent:       #3b82f6;
  --accent-lit:   #60a5fa;
  --accent-dim:   rgba(59, 130, 246, 0.12);
  --accent-glow:  rgba(59, 130, 246, 0.25);

  /* Semantic status colors */
  --green:        #22c55e;
  --red:          #ef4444;
  --orange:       #f97316;
  --yellow:       #eab308;
  --purple:       #a855f7;

  /* ── Typography ─────────────────────────────────────────────── */
  --font-sans:    -apple-system, 'Segoe UI', 'Inter', sans-serif;
  --font-mono:    'Cascadia Code', 'Fira Code', 'Courier New', monospace;
  --font-size-base: 15px;

  /* ── Spacing & shape ────────────────────────────────────────── */
  --radius:       10px;
  --radius-lg:    16px;
  --section-pad:  2rem 1.5rem;
  --max-w:        1080px;
}