/* Generated from v4 canonical tokens. Fonts use local/system fallback; no font binaries bundled. */
:root:root {
  color-scheme: dark;
  --bg: #080808;
  --surface: #0e0e0d;
  --surface-muted: #131312;
  --surface-sunken: #0b0b0a;
  --surface-3: #1b1b18;
  --input-bg: #0b0b0a;
  --text: #f4f4f0;
  --text-secondary: #9b9b94;
  --text-muted: #8a8a8a;
  --border: #232320;
  --border-strong: #2c2c2c;
  --accent: #6f8f2e;
  --accent-hover: #84a63c;
  --accent-soft: rgba(111, 143, 46, 0.14);
  --on-accent: #080808;
  --link: #7b78e6;
  --link-hover: #9693ef;
  --brand-yellow: #ffb218;
  --success: #84a63c;
  --success-soft: rgba(111, 143, 46, 0.1);
  --warning: #f4b029;
  --warning-soft: rgba(244, 176, 41, 0.08);
  --danger: #ef6b5b;
  --danger-soft: rgba(239, 107, 91, 0.08);
  --info: #7b78e6;
  --info-soft: rgba(49, 47, 146, 0.18);
  --ring: #84a63c;
  --scrim: rgba(0, 0, 0, 0.72);
  --shadow-pop: 0 30px 80px rgba(0, 0, 0, 0.6);
  --grid-line: rgba(244, 244, 240, 0.04);
  --header-bg: rgba(8, 8, 8, 0.82);
  --font-display: 'Dela Gothic One', 'Arial Black', system-ui, sans-serif;
  --font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  --container: 1280px;
  --gutter: clamp(16px, 4vw, 48px);
  --sidebar: 256px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}
:root:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f4f4f0;
  --surface: #ecece6;
  --surface-muted: #e6e6df;
  --surface-sunken: #efefea;
  --surface-3: #dedcd2;
  --input-bg: #f9f9f6;
  --text: #080808;
  --text-secondary: #5a5a55;
  --text-muted: #62625d;
  --border: #d4d4cb;
  --border-strong: #1f1f1c;
  --accent: #2d5800;
  --accent-hover: #3a7000;
  --accent-soft: rgba(45, 88, 0, 0.08);
  --on-accent: #f4f4f0;
  --link: #312f92;
  --link-hover: #4a47b8;
  --brand-yellow: #ffb218;
  --success: #2d5800;
  --success-soft: rgba(45, 88, 0, 0.08);
  --warning: #8a5a00;
  --warning-soft: rgba(244, 176, 41, 0.14);
  --danger: #b42318;
  --danger-soft: rgba(180, 35, 24, 0.07);
  --info: #312f92;
  --info-soft: rgba(49, 47, 146, 0.07);
  --ring: #2d5800;
  --scrim: rgba(8, 8, 8, 0.5);
  --shadow-pop: 0 24px 60px rgba(8, 8, 8, 0.18);
  --grid-line: rgba(8, 8, 8, 0.05);
  --header-bg: rgba(244, 244, 240, 0.86);
  --font-display: 'Dela Gothic One', 'Arial Black', system-ui, sans-serif;
  --font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  --container: 1280px;
  --gutter: clamp(16px, 4vw, 48px);
  --sidebar: 256px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}
@media (prefers-color-scheme: light) {
:root:root:not([data-theme]) {
  color-scheme: light;
  --bg: #f4f4f0;
  --surface: #ecece6;
  --surface-muted: #e6e6df;
  --surface-sunken: #efefea;
  --surface-3: #dedcd2;
  --input-bg: #f9f9f6;
  --text: #080808;
  --text-secondary: #5a5a55;
  --text-muted: #62625d;
  --border: #d4d4cb;
  --border-strong: #1f1f1c;
  --accent: #2d5800;
  --accent-hover: #3a7000;
  --accent-soft: rgba(45, 88, 0, 0.08);
  --on-accent: #f4f4f0;
  --link: #312f92;
  --link-hover: #4a47b8;
  --brand-yellow: #ffb218;
  --success: #2d5800;
  --success-soft: rgba(45, 88, 0, 0.08);
  --warning: #8a5a00;
  --warning-soft: rgba(244, 176, 41, 0.14);
  --danger: #b42318;
  --danger-soft: rgba(180, 35, 24, 0.07);
  --info: #312f92;
  --info-soft: rgba(49, 47, 146, 0.07);
  --ring: #2d5800;
  --scrim: rgba(8, 8, 8, 0.5);
  --shadow-pop: 0 24px 60px rgba(8, 8, 8, 0.18);
  --grid-line: rgba(8, 8, 8, 0.05);
  --header-bg: rgba(244, 244, 240, 0.86);
  --font-display: 'Dela Gothic One', 'Arial Black', system-ui, sans-serif;
  --font: 'Montserrat', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;
  --container: 1280px;
  --gutter: clamp(16px, 4vw, 48px);
  --sidebar: 256px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}
}
:root:root {
  --surface-2: var(--surface-muted);
  --text-2: var(--text-secondary);
  --muted: var(--text-muted);
  --accent-text: var(--on-accent);
  --focus: var(--ring);
  --ok: var(--success);
  --ok-text: var(--success);
  --ok-soft: var(--success-soft);
  --warn: var(--warning);
  --warn-text: var(--warning);
  --warn-soft: var(--warning-soft);
  --bad: var(--danger);
  --bad-text: var(--danger);
  --bad-soft: var(--danger-soft);
  --serious: var(--warning);
  --serious-text: var(--warning);
  --serious-soft: var(--warning-soft);
  --overlay: var(--scrim);
  --shadow: var(--shadow-pop);
  --series-1: var(--accent);
  --series-2: var(--link);
  --series-3: var(--warning);
  --series-4: var(--success);
  --series-5: var(--danger);
  --series-6: var(--link);
  --series-7: var(--success);
  --series-8: var(--warning);
  --grid: var(--border);
  --axis: var(--border-strong);
  --mono: var(--font-mono);
  --r-1: 3px;
  --r-2: 3px;
  --r-3: 6px;
  --r-full: 3px;
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}