/* Billigence — generated from tokens.json (ratified 2026-10-26) */

:root, [data-theme="graphite"] {
  --brand-graphite: #0e0e0e;
  --brand-white: #ffffff;
  --brand-orange: #db5b14;
  --brand-coral: #e84a45;
  --brand-canvas: #f2f2f2;
  --canvas: #0e0e0e;
  --surface: #161616;
  --surface-raised: #1f1f1f;
  --surface-sunken: #0b0b0b;
  --surface-hover: #262626;
  --border: #2a2a2a;
  --border-strong: #6b6b6b;
  --ink: #f5f5f5;
  --ink-muted: #a6a6a6;
  --ink-disabled: #5e5e5e;
  --ink-inverse: #0e0e0e;
  --brand-primary: var(--brand-orange);
  --brand-primary-hover: #e86c27;
  --on-brand: var(--brand-graphite);
  --brand-text: #f0874b;
  --brand-glow-start: var(--brand-orange);
  --brand-glow-end: var(--brand-coral);
  --focus-ring: #ffffff;
  --scrim: #000000b3;
  --state-live: #6cb4ff;
  --state-live-soft: #6cb4ff1f;
  --state-simulated: #b8b8b8;
  --state-simulated-soft: #ffffff14;
  --state-waiting: #f0a848;
  --state-waiting-soft: #f0a8481f;
  --state-problem: #ff7b70;
  --state-problem-soft: #ff7b701f;
  --state-resolved: #4cd3a6;
  --state-resolved-soft: #4cd3a61f;
  --state-disabled: var(--ink-disabled);
  --state-locked: #9a9a9a;
  --chart-1: var(--brand-primary);
  --chart-2: #8a8a8a;
  --chart-3: var(--state-live);
  --chart-grid: #262626;
  --chart-track: #2e2e2e;
  --client-accent: #4cb6e2;
  --client-ink: var(--ink);
  --shadow-raised: none;
  --shadow-sheet: 0 24px 64px rgba(0,0,0,0.6);
  color-scheme: dark;
}

[data-theme="light"] {
  --brand-graphite: #0e0e0e;
  --brand-white: #ffffff;
  --brand-orange: #db5b14;
  --brand-coral: #e84a45;
  --brand-canvas: #f2f2f2;
  --canvas: #f2f2f2;
  --surface: #ffffff;
  --surface-raised: #ffffff;
  --surface-sunken: #f7f7f7;
  --surface-hover: #f0f0f0;
  --border: #e3e3e3;
  --border-strong: #858585;
  --ink: #0e0e0e;
  --ink-muted: #5c5c5c;
  --ink-disabled: #a3a3a3;
  --ink-inverse: #ffffff;
  --brand-primary: var(--brand-orange);
  --brand-primary-hover: #e86c27;
  --on-brand: var(--brand-graphite);
  --brand-text: #a8430b;
  --brand-glow-start: var(--brand-orange);
  --brand-glow-end: var(--brand-coral);
  --focus-ring: #0e0e0e;
  --scrim: #0e0e0e66;
  --state-live: #1a5fb4;
  --state-live-soft: #1a5fb414;
  --state-simulated: #555555;
  --state-simulated-soft: #0e0e0e0f;
  --state-waiting: #8f540d;
  --state-waiting-soft: #a2611214;
  --state-problem: #b42318;
  --state-problem-soft: #b4231814;
  --state-resolved: #137969;
  --state-resolved-soft: #13796914;
  --state-disabled: var(--ink-disabled);
  --state-locked: #666666;
  --chart-1: var(--brand-primary);
  --chart-2: #7a7a7a;
  --chart-3: var(--state-live);
  --chart-grid: #ebebeb;
  --chart-track: #e6e6e6;
  --client-accent: #2e8db8;
  --client-ink: var(--ink);
  --shadow-raised: 0 1px 2px rgba(14,14,14,0.06), 0 0 0 1px rgba(14,14,14,0.04);
  --shadow-sheet: 0 24px 64px rgba(14,14,14,0.18);
  color-scheme: light;
}

:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --duration-hover: 120ms;
  --duration-sheet: 240ms;
  --duration-pulse: 1600ms;
  --border-hairline: 1px;
  --border-simulated: 1.5px;
  --border-focus: 2px;
  --font-display: "Inter", "Inter Display", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;
}