:root {
  --bg-page: #0a0e14;
  --bg-panel: #11161f;
  --bg-panel-alt: #161c26;
  --bg-header: #060910;
  --bg-tile: #11161f;

  --border: #1f2733;
  --border-strong: #2a3441;

  --text-primary: #d8e1ec;
  --text-secondary: #8b97a8;
  --text-muted: #5a6573;
  --text-label: #6d7889;

  --accent-amber: #ff9a00;
  --accent-amber-dim: #b86d00;
  --accent-cyan: #5fb3f0;
  --accent-green: #26d97f;
  --accent-red: #ff5252;
  --accent-yellow: #f5c842;

  --quality-ok: #26d97f;
  --quality-suspect: #f5c842;
  --quality-bad: #ff5252;

  --font-mono: 'JetBrains Mono', 'SF Mono', Menlo, Monaco, Consolas, monospace;
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;

  --fs-xxs: 10px;
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-lg: 16px;
  --fs-xl: 20px;
  --fs-xxl: 26px;
  --fs-display: 34px;

  --sp-1: 2px;
  --sp-2: 4px;
  --sp-3: 6px;
  --sp-4: 8px;
  --sp-5: 12px;
  --sp-6: 16px;
  --sp-7: 24px;

  --header-h: 36px;
  --ticker-h: 76px;
  --gap: 6px;
}