:root {
  --bg: #f7f7f5;
  --surface: #ffffff;
  --border: #e6e6e2;
  --border-soft: #efefeb;
  --ink: #1c1c1a;
  --ink-soft: #55554f;
  --ink-muted: #8a8a82;
  --ink-faint: #a5a59c;
  --accent: #1f7a4d;
  --accent-deep: #145937;
  --accent-soft: #cfe6da;
  --accent-dim: #4d8f6f;
  --on-accent: #ffffff;
  --paid: #b45309;
  --chip-bg: #f1f1ee;
  --chip-border: #e2e2dd;
  --placeholder-bg: #d9d9d3;
}

[data-theme="dark"] {
  --bg: #131311;
  --surface: #1d1d1a;
  --border: #2c2c28;
  --border-soft: #262622;
  --ink: #ebebe6;
  --ink-soft: #b8b8b0;
  --ink-muted: #8a8a82;
  --ink-faint: #6a6a63;
  --accent: #3f9c6d;
  --accent-deep: #17603c;
  --accent-soft: #a7cdb9;
  --accent-dim: #3d7a5c;
  --on-accent: #ffffff;
  --paid: #d97f2e;
  --chip-bg: #232320;
  --chip-border: #33332e;
  --placeholder-bg: #2c2c28;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #131311;
    --surface: #1d1d1a;
    --border: #2c2c28;
    --border-soft: #262622;
    --ink: #ebebe6;
    --ink-soft: #b8b8b0;
    --ink-muted: #8a8a82;
    --ink-faint: #6a6a63;
    --accent: #3f9c6d;
    --accent-deep: #17603c;
    --accent-soft: #a7cdb9;
    --accent-dim: #3d7a5c;
    --on-accent: #ffffff;
    --paid: #d97f2e;
    --chip-bg: #232320;
    --chip-border: #33332e;
    --placeholder-bg: #2c2c28;
  }
}