/* Copied from Haikei Labs design-system/src/tokens.css. Keep values aligned. */
:root {
  color-scheme: light;
  --color-canvas: #f6f8f6;
  --color-ink: #07110d;
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
  --color-ground: #f6f8f6;
  --color-surface: #ffffff;
  --color-field: #ffffff;
  --color-content: #07110d;
  --color-muted: #475569;
  --color-faint: #64748b;
  --color-line: #e2e8f0;
  --color-line-strong: #cbd5e1;
  --color-accent-text: #047857;
  --color-accent: #047857;
  --color-accent-hover: #065f46;
  --color-on-accent: #ffffff;
  --color-accent-soft: #d1fae5;
  --color-tile: #07110d;
  --color-on-tile: #ffffff;
  --color-surface-hover: #f8fafc;
  --color-risk-bg: rgba(254, 242, 242, .6);
  --color-risk-line: #fee2e2;
  --color-risk-ink: #b91c1c;
  --kei-permit-bg: #ecfdf5;
  --kei-permit-line: #a7f3d0;
  --kei-permit-ink: #047857;
  --kei-deny-bg: #fffbeb;
  --kei-deny-line: #fde68a;
  --kei-deny-ink: #b45309;
  --logo-plane: #047857;
  --logo-front: #07110d;
  --logo-point: #ffffff;
  /* Docs-only: syntax highlighting. Not in the design-system tokens; derived from
     emerald/slate already in the palette (no new hue). Dark values keep the
     mint-for-text rule from spec §07. */
  --code-comment: #64748b;
  --code-string: #047857;
  --code-keyword: #0f172a;
  --code-flag: #065f46;
  --code-variable: #475569;
  --code-number: #334155;
}

[data-theme="dark"] {
  color-scheme: dark;
  --color-ground: #07110d;
  --color-surface: #0f1c17;
  --color-field: #0b1712;
  --color-content: #f6f8f6;
  --color-muted: #a3b1aa;
  --color-faint: #8b978f;
  --color-line: #ffffff1a;
  --color-line-strong: #ffffff33;
  --color-accent-text: #6ee7b7;
  --color-accent: #047857;
  --color-accent-hover: #065f46;
  --color-on-accent: #ffffff;
  --color-tile: #f6f8f6;
  --color-on-tile: #07110d;
  --color-surface-hover: #16241e;
  --color-risk-bg: rgba(180, 83, 9, .12);
  --color-risk-line: rgba(253, 230, 138, .22);
  --color-risk-ink: #fcd34d;
  --kei-permit-bg: rgba(110, 231, 183, .10);
  --kei-permit-line: rgba(110, 231, 183, .28);
  --kei-permit-ink: #6ee7b7;
  --kei-deny-bg: rgba(180, 83, 9, .16);
  --kei-deny-line: rgba(253, 230, 138, .28);
  --kei-deny-ink: #fcd34d;
  --logo-plane: #6ee7b7;
  --logo-front: #ffffff;
  --logo-point: #07110d;
  --code-comment: #8b978f;
  --code-string: #6ee7b7;
  --code-keyword: #f6f8f6;
  --code-flag: #34d399;
  --code-variable: #a3b1aa;
  --code-number: #a7f3d0;
}