/* Design tokens - one source for colour, space, type, radius.
 * Light, warm-neutral base. Each system overrides only its accent + a tint
 * (see systems/*.css); the platform shell (pathfinder) overrides to dark. */
:root {
  /* neutrals - warm-biased slate, chosen not defaulted */
  --color-bg: #f5f6f8;
  --color-surface: #ffffff;
  --color-surface-2: #f2f4f7;
  --color-text: #1b2330;
  --color-muted: #5c6a7a;
  --color-border: #e4e8ee;

  /* accent - AnnaSeva saffron by default; systems override */
  --color-primary: #c25610;
  --color-primary-ink: #ffffff;
  --color-primary-weak: #fbe9db;

  /* semantic - one professional ramp, defined once */
  --color-ok: #157347;      --color-ok-weak: #dff2e7;
  --color-warn: #97600c;    --color-warn-weak: #fbeecb;
  --color-danger: #c0362c;  --color-danger-weak: #fbe3e0;
  --color-info: #275ecb;    --color-info-weak: #e0e9fb;
  --color-neutral-weak: #eef1f5;

  /* sidebar (themeable - was hardcoded in components.css) */
  --nav-bg: #1f2733;
  --nav-fg: #c5cfdb;
  --nav-fg-dim: #7a8798;
  --nav-heading: #8894a5;
  --nav-active-bg: color-mix(in srgb, var(--color-primary) 18%, transparent);
  --nav-active-fg: #ffffff;
  --nav-brand-fg: #ffffff;

  /* toast (themeable) */
  --toast-bg: #232c39;
  --toast-fg: #ffffff;
  --toast-ref: #f0b45f;

  --radius: 8px;
  --radius-sm: 5px;
  --space-1: 4px;  --space-2: 8px;  --space-3: 12px;
  --space-4: 16px; --space-5: 24px; --space-6: 32px; --space-8: 48px;

  --font-sans: "Segoe UI", system-ui, -apple-system, Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "Cascadia Code", "SF Mono", Consolas, "Liberation Mono", monospace;
  --shadow-1: 0 1px 2px rgba(20,30,48,.05), 0 1px 3px rgba(20,30,48,.07);
  --shadow-2: 0 6px 20px rgba(20,30,48,.10);
}
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  font-family: var(--font-sans);
  color: var(--color-text);
  background: var(--color-bg);
  font-size: 14px;
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
a { color: var(--color-primary); text-decoration: none; }
a:hover { text-decoration: underline; }
code, .mono { font-family: var(--font-mono); }