:root[data-theme="dark"] {
  --in: #4ec98c;
  --in-soft: #12301f;
  --out: #ef8571;
  --out-soft: #331813;
  --hold: #d7a44a;
  --hold-soft: #2e2411;
  --sec-income: #5b8ae2;
  --sec-income-soft: #16233c;
  --sec-invest: #4ec98c;
  --sec-invest-soft: #12301f;
  --sec-expense: #ef8571;
  --sec-expense-soft: #331813;
  --band-need: #e3c638;
  --cat-1: #17966a;
  --cat-2: #7e63e8;
  --cat-3: #c43f86;
  --cat-4: #4c7fde;
  --cat-5: #c87c22;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --in: #4ec98c;
    --in-soft: #12301f;
    --out: #ef8571;
    --out-soft: #331813;
    --hold: #d7a44a;
    --hold-soft: #2e2411;
    --sec-income: #5b8ae2;
    --sec-income-soft: #16233c;
    --sec-invest: #4ec98c;
    --sec-invest-soft: #12301f;
    --sec-expense: #ef8571;
    --sec-expense-soft: #331813;
    --band-need: #e3c638;
    --cat-1: #17966a;
    --cat-2: #7e63e8;
    --cat-3: #c43f86;
    --cat-4: #4c7fde;
    --cat-5: #c87c22;
  }
}






:root[data-theme="dark"] .step.done b { color: var(--bg); }

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) .step.done b { color: var(--bg); }
}