/* Generado desde DESIGN.md con `npm run tokens`. No editar a mano. */
:root {
  color-scheme: light dark;
  --font: ui-monospace, 'Cascadia Mono', Consolas, monospace;
  --radius: 4px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 40px;
  --bg: #F1F6E9;
  --surface: #FBFDF7;
  --text: #101A0C;
  --muted: #43533B;
  --line: #C3D3B3;
  --accent: #3F6F00;
  --accent-text: #FFFFFF;
  --soft: #E1EFC9;
  --alt-soft: #DCECF0;
  --danger: #A8281C;
  --warn: #7A4F00;
  --warn-text: #FFFFFF;
  --card-teal: #14B8A6;
  --card-blue: #3B82F6;
  --card-amber: #F59E0B;
  --card-rose: #F472B6;
  --card-violet: #8B5CF6;
  --card-green: #22C55E;
  --card-slate: #94A3B8;
  --card-orange: #F97316;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #090C09;
    --surface: #111611;
    --text: #E9F2E4;
    --muted: #9BB094;
    --line: #2A3B2A;
    --accent: #C6FF3D;
    --accent-text: #101A00;
    --soft: #1C2A10;
    --alt-soft: #0F2229;
    --danger: #FF8A80;
    --warn: #F0B94D;
    --warn-text: #1C1200;
  }
}
:root[data-theme="light"] { color-scheme: light; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #090C09;
  --surface: #111611;
  --text: #E9F2E4;
  --muted: #9BB094;
  --line: #2A3B2A;
  --accent: #C6FF3D;
  --accent-text: #101A00;
  --soft: #1C2A10;
  --alt-soft: #0F2229;
  --danger: #FF8A80;
  --warn: #F0B94D;
  --warn-text: #1C1200;
}