:root {
  color-scheme: light;

  --c-bg: #FAFBFC;
  --c-surface: #FFFFFF;
  --c-surface-2: #F4F6F8;
  --c-surface-3: #ECEFF3;
  --c-border: #E2E6EC;
  --c-border-2: #CED4DC;
  --c-text: #0C1322;
  --c-text-2: #4B5566;
  --c-text-3: #8590A2;
  --c-accent: #2563EB;
  --c-accent-2: #1D4ED8;
  --c-accent-tint: #DBEAFE;
  --c-brand: #001640;

  --c-status-run: #10B981;
  --c-status-run-tint: #D1FAE5;
  --c-status-stale: #F59E0B;
  --c-status-stale-tint: #FEF3C7;
  --c-status-fail: #EF4444;
  --c-status-fail-tint: #FEE2E2;
  --c-status-done: #64748B;
  --c-status-done-tint: #E2E8F0;
  --c-status-write: #A855F7;
  --c-status-write-tint: #F3E8FF;

  --c-persona-chair: #475569;
  --c-persona-shipper: #0EA5E9;
  --c-persona-product-counsel: #7C3AED;
  --c-persona-word-architect: #DB2777;
  --c-persona-evals-judge: #059669;
  --c-persona-langfuse-nerd: #EA580C;
  --c-persona-default: #6B7280;

  --r-1: 6px;
  --r-2: 6px;
  --r-full: 6px;
  --r-dot: 999px;

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

  --fs-micro: 11px;
  --fs-meta: 12px;
  --fs-body: 14px;
  --fs-h2: 16px;
  --fs-h1: 22px;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;

  --max-w-page: 1280px;
  --max-w-case: 880px;

  --ring: 0 0 0 2px rgba(37, 99, 235, 0.35);
  --shadow-1: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-2: 0 4px 12px rgba(15, 23, 42, 0.08);
}

html { font-family: var(--font-sans); font-size: var(--fs-body); color: var(--c-text); background: var(--c-bg); }
body { margin: 0; font-feature-settings: "cv11", "ss01"; letter-spacing: 0; }
* { box-sizing: border-box; }
a { color: var(--c-accent); text-decoration: none; }
a:hover { color: var(--c-accent-2); text-decoration: underline; }
:focus { outline: none; }
:focus-visible { box-shadow: var(--ring); outline: none; border-radius: var(--r-2); }

.mono, .num { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }
