/* Design tokens (SPEC §12, "corporate navy"). Fonts fall back to system faces until Inter and
   IBM Plex Mono are vendored under static/fonts/. */
:root {
  --font-ui: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-figures: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  --color-sidebar: #0b1f3a;
  --color-sidebar-text: #ffffff;
  --color-sidebar-muted: #b8c4d6;
  --color-sidebar-active: #1a3459;
  --color-accent: #1f4e9c;
  --color-accent-strong: #173b76;
  --color-ground: #f5f7fa;
  --color-surface: #ffffff;
  --color-border: #dde3ec;
  --color-text: #101828;
  --color-text-muted: #475467;
  --color-table-header: #eef1f5;
  --color-table-stripe: #f9fafb;
  --color-focus: #1f4e9c;

  --color-success: #067647;
  --color-success-soft: #ecfdf3;
  --color-severity-high: #b42318;
  --color-severity-high-soft: #fef3f2;
  --color-severity-medium: #93370d;
  --color-severity-medium-soft: #fffaeb;
  --color-severity-info: #3b4a5e;
  --color-severity-info-soft: #eef1f5;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;

  --radius-sm: 6px;
  --radius-md: 8px;

  --text-table: 13px;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;

  --sidebar-width: 240px;
  --touch-target: 44px;
}
