/* Design tokens. The single source is docs/DESIGN.md; keep them in step. */
:root {
  --canvas: #0a0b0d;
  --surface-1: #111316;
  --surface-2: #171a1e;
  --surface-3: #1d2126;
  --hairline: #252a31;
  --hairline-strong: #333a43;

  --ink: #e8eaed;
  --ink-muted: #aeb4bd;
  --ink-subtle: #7c848f;
  --ink-faint: #5a626d;

  --accent: #5b8dd6;
  --accent-hover: #7aa5e6;
  --on-accent: #06080a;

  --state-open: #7c848f;
  --state-running: #5b8dd6;
  --state-paused: #d9a441;
  --state-closed: #8b93a0;
  --state-decided: #4a9d72;

  --label-verified: #4a9d72;
  --label-assessment: #5b8dd6;
  --label-assumption: #8b7fd0;
  --label-unknown: #8b93a0;
  --label-internal: #d9a441;

  --danger: #cf6b5c;
  --focus-ring: #5b8dd6;

  --ui-family: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", Arial, sans-serif;
  --arabic-family: "Noto Naskh Arabic", "Segoe UI", "Geeza Pro", "Al Bayan", Tahoma,
    sans-serif;
  --mono-family: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Mono", Menlo,
    monospace;

  --s1: 4px;
  --s2: 8px;
  --s3: 12px;
  --s4: 16px;
  --s5: 24px;
  --s6: 32px;
  --s7: 48px;

  --radius-panel: 6px;
  --radius-control: 5px;

  --sidebar-width: 240px;
  --content-max: 1100px;
}