/* Generated by scripts/codegen.mjs from design/tokens.json. Do not edit. */
:root {
  --bg: #f7f5f2;
  --panel: #ffffff;
  --text: #1f1d1a;
  --muted: #6b665e;
  --line: #e4dfd7;
  --accent: #2f6f5e;
  --accent-text: #ffffff;
  --warn: #8a5900;
  --warn-bg: #fff6e5;
  --bad: #b3261e;
  --ok: #2f6f5e;
  --size-xs: 12px;
  --size-sm: 13px;
  --size-md: 15px;
  --size-lg: 17px;
  --size-xl: 18px;
  --size-xxl: 26px;
  --size-code: 34px;
  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-xxl: 28px;
  --space-xxxl: 40px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --motion-fast: 150ms;
  --motion-normal: 250ms;
  --motion-slow: 400ms;
  --line-height-tight: 1.3;
  --line-height-body: 1.5;
  --font-body: ui-sans-serif, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SF Mono", Consolas, monospace;
  --tap-target: 44px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg: #191816;
    --panel: #23211e;
    --text: #ece8e1;
    --muted: #a39d93;
    --line: #36332e;
    --accent: #5fb39b;
    --accent-text: #0f1a17;
    --warn: #e0a83a;
    --warn-bg: #2e2617;
    --bad: #f2867e;
    --ok: #5fb39b;
    color-scheme: dark;
  }
}