:root {
  --bg: #F4F7FA;
  --surface: #FFFFFF;
  --surface-2: #EDF1F4;
  --surface-3: #E2E6E9;
  --ink: #17212B;
  --ink-2: #515960;
  --muted: #5E6B78;
  --line: #E3E4E6;
  --line-2: #CCCED0;
  --brand: #16324F;
  --head: #16324F;
  --accent: #FE8812;
  --accent-line: #E27910;
  --accent-hover: #E57A10;
  --accent-soft: #FFF1E3;
  --on-accent: #17212B;
  --focus: #E27910;
  --line-base: #16324F;
  --income: #2F6DB5;
  --expense: #B8527A;
  --scen: #E07A12;
  --good: #15803D;
  --good-soft: #E3F3E8;
  --warn: #B45309;
  --warn-soft: #FCEFD9;
  --crit: #B3261E;
  --crit-soft: #FBE4E1;
  --font-ui: 'Barlow', system-ui, sans-serif;
  --font-num: 'Barlow Condensed', system-ui, sans-serif;
  --title-transform: uppercase;
  --title-spacing: 0.02em;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme='light']) {
  --bg: #0B141D;
  --surface: #111C28;
  --surface-2: #121A23;
  --surface-3: #1C252E;
  --ink: #E4EBF2;
  --ink-2: #AFB7C0;
  --muted: #8B9CAE;
  --line: #2A3540;
  --line-2: #3F4A54;
  --brand: #E4EBF2;
  --head: #E4EBF2;
  --accent: #FE8812;
  --accent-line: #FE8812;
  --accent-hover: #FE942A;
  --accent-soft: #2D2925;
  --on-accent: #17212B;
  --focus: #FE8812;
  --line-base: #E4EBF2;
  --income: #5A92D6;
  --expense: #D06A92;
  --scen: #DB7C22;
  --good: #5CC48F;
  --good-soft: #13301F;
  --warn: #E3B04B;
  --warn-soft: #33270F;
  --crit: #F07A70;
  --crit-soft: #3A1916;
  --font-ui: 'Barlow', system-ui, sans-serif;
  --font-num: 'Barlow Condensed', system-ui, sans-serif;
  --title-transform: uppercase;
  --title-spacing: 0.02em;
  color-scheme: dark;
}
}
:root[data-theme='dark'] {
  --bg: #0B141D;
  --surface: #111C28;
  --surface-2: #121A23;
  --surface-3: #1C252E;
  --ink: #E4EBF2;
  --ink-2: #AFB7C0;
  --muted: #8B9CAE;
  --line: #2A3540;
  --line-2: #3F4A54;
  --brand: #E4EBF2;
  --head: #E4EBF2;
  --accent: #FE8812;
  --accent-line: #FE8812;
  --accent-hover: #FE942A;
  --accent-soft: #2D2925;
  --on-accent: #17212B;
  --focus: #FE8812;
  --line-base: #E4EBF2;
  --income: #5A92D6;
  --expense: #D06A92;
  --scen: #DB7C22;
  --good: #5CC48F;
  --good-soft: #13301F;
  --warn: #E3B04B;
  --warn-soft: #33270F;
  --crit: #F07A70;
  --crit-soft: #3A1916;
  --font-ui: 'Barlow', system-ui, sans-serif;
  --font-num: 'Barlow Condensed', system-ui, sans-serif;
  --title-transform: uppercase;
  --title-spacing: 0.02em;
  color-scheme: dark;
}