/* GENERATED from tokens.json — edit the JSON, then run
   python3 platform/apps/web/scripts/gen_tokens.py */
:root {
  --color-kind-column: #4878cf;
  --color-kind-beam: #6acc65;
  --color-kind-slab: #b8b8b8;
  --color-kind-wall: #d5bb67;
  --color-kind-foundation: #555555;
  --color-kind-generic: #c44e52;
  --color-accent: #0f56d0;
  --color-accentHover: #1b6bf0;
  --color-accentSoft: #e8f0fe;
  --color-danger: #c2262d;
  --color-dangerSoft: #fdeaea;
  --color-warn: #a35a00;
  --color-warnSoft: #fdf3e2;
  --color-ok: #16744a;
  --color-okSoft: #e6f4ec;
  --color-console-bg: #141210;
  --color-console-surface: #1d1a17;
  --color-console-elevated: #26221e;
  --color-console-border: #3b352d;
  --color-console-text: #f1ece4;
  --color-console-muted: #a89e90;
  --color-report-bg: #f2f0ea;
  --color-report-surface: #faf9f5;
  --color-report-elevated: #ffffff;
  --color-report-border: #dbd7cc;
  --color-report-text: #151a22;
  --color-report-muted: #5a6270;
  --color-tier-L0: #8a8f99;
  --color-tier-L1: #b8860b;
  --color-tier-L2: #16744a;
  --color-tier-L3: #0f56d0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --radius-sm: 3px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --shadow-sm: 0 1px 2px rgba(24, 20, 16, 0.06);
  --shadow-md: 0 1px 2px rgba(24, 20, 16, 0.05), 0 3px 8px rgba(24, 20, 16, 0.08);
  --shadow-lg: 0 2px 4px rgba(24, 20, 16, 0.05), 0 14px 32px rgba(24, 20, 16, 0.13);
  --font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, monospace;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 28px;
  --font-size-xxl: 40px;
  --z-canvas: 0;
  --z-panel: 10;
  --z-timeline: 20;
  --z-modal: 100;
}

/* report (light) is the DEFAULT surface — the product's output is
   engineering documentation, and screen must match print (D65).
   The dark console is an operator preference via
   [data-theme='dark'] — UI_GUIDELINES §3 */
:root, :root[data-theme='light'] {
  --bg: var(--color-report-bg);
  --surface: var(--color-report-surface);
  --elevated: var(--color-report-elevated);
  --border: var(--color-report-border);
  --text: var(--color-report-text);
  --muted: var(--color-report-muted);
}
:root[data-theme='dark'] {
  --bg: var(--color-console-bg);
  --surface: var(--color-console-surface);
  --elevated: var(--color-console-elevated);
  --border: var(--color-console-border);
  --text: var(--color-console-text);
  --muted: var(--color-console-muted);
}