/* Generated from design/tokens.json. */
:root, :root[data-theme='dark'] {
  --bg: #101114;
  --panel: #191b20;
  --panel-soft: #22252b;
  --field: #14161a;
  --field-hover: #2c3038;
  --ink: #f1f2f4;
  --muted: #a8adb8;
  --line: #30343d;
  --selected: #35232b;
  --brand: #f07b8a;
  --brand-hover: #ff9ca8;
  --brand-ink: #161016;
  --good: #77d5af;
  --good-soft: #193129;
  --warn: #e8c17b;
  --warn-soft: #332b1c;
  --danger: #ff9ca8;
  --danger-soft: #39232b;
  --danger-button: #a82230;
  --on-danger: #ffffff;
  --chart-in: #f07b8a;
  --chart-out: #94b5e8;
  color-scheme: dark;
}
:root[data-theme='light'] {
  --bg: #f4f5f7;
  --panel: #ffffff;
  --panel-soft: #f0f1f4;
  --field: #f8f9fb;
  --field-hover: #e7e9ef;
  --ink: #20242d;
  --muted: #626977;
  --line: #dfe2e8;
  --selected: #fbecef;
  --brand: #b82e4b;
  --brand-hover: #9c2340;
  --brand-ink: #ffffff;
  --good: #247252;
  --good-soft: #e9f5ee;
  --warn: #7b5819;
  --warn-soft: #faf1df;
  --danger: #b02b45;
  --danger-soft: #fcecf0;
  --danger-button: #a82230;
  --on-danger: #ffffff;
  --chart-in: #b82e4b;
  --chart-out: #396ab1;
  color-scheme: light;
}
@media (prefers-color-scheme: light) {
:root[data-theme='system'] {
  --bg: #f4f5f7;
  --panel: #ffffff;
  --panel-soft: #f0f1f4;
  --field: #f8f9fb;
  --field-hover: #e7e9ef;
  --ink: #20242d;
  --muted: #626977;
  --line: #dfe2e8;
  --selected: #fbecef;
  --brand: #b82e4b;
  --brand-hover: #9c2340;
  --brand-ink: #ffffff;
  --good: #247252;
  --good-soft: #e9f5ee;
  --warn: #7b5819;
  --warn-soft: #faf1df;
  --danger: #b02b45;
  --danger-soft: #fcecf0;
  --danger-button: #a82230;
  --on-danger: #ffffff;
  --chart-in: #b82e4b;
  --chart-out: #396ab1;
  color-scheme: light;
}
}
:root { --accent: var(--brand); --header-gradient: var(--panel); --radius: 16px; --control-height: 48px; --space: 8px; --body-size: 15px; --small-size: 13px; --title-size: 24px; }