/* Alert colors are semantic and deliberately independent from the selected theme. */
:root, :root[data-theme=mika] {
  color-scheme: light;
  --bg:#fff8ed; --panel:#fffefd; --panel-soft:#fff1d6; --text:#2b241f;
  --muted:#75685f; --line:#e9dfd0; --brand:#c91526; --brand-dark:#a90e19;
  --accent:#f6c643; --on-accent:#342700; --header:#fffefd; --focus:#9e2332;
  --shadow:0 5px 22px #4f321007; --track:#f0e9df;
  --expired:#c92f4c; --soon:#d78222; --medium:#b68d11; --safe:#268968;
  --distant:#477fc0; --unknown:#788692;
}
:root[data-theme=blue] {
  --bg:#f2f6fc; --panel:#fff; --panel-soft:#e8f0fc; --text:#182c46;
  --muted:#5c6e84; --line:#d9e3f1; --brand:#235dab; --brand-dark:#174a8b;
  --accent:#c2dbff; --on-accent:#173b6d; --header:#fff; --focus:#235dab; --track:#e7eef8;
}
:root[data-theme=green] {
  --bg:#f2f8f4; --panel:#fff; --panel-soft:#e4f3e9; --text:#19372c;
  --muted:#597368; --line:#d7e5dc; --brand:#1a7b58; --brand-dark:#126448;
  --accent:#c4ead2; --on-accent:#164c35; --header:#fff; --focus:#1a7b58; --track:#e4efe8;
}
:root[data-theme=dark] {
  color-scheme:dark;
  --bg:#080c13; --panel:#101824; --panel-soft:#17263c; --text:#e6eefb;
  --muted:#a6b6cd; --line:#29364b; --brand:#73b4ff; --brand-dark:#9ac9ff;
  --accent:#194a83; --on-accent:#dcecff; --header:#080e19; --focus:#95c9ff;
  --shadow:0 5px 22px #0003; --track:#223047;
  --expired:#ff7f96; --soon:#f3b25e; --medium:#e0cb65; --safe:#69d0aa;
  --distant:#85b7f1; --unknown:#a9b8c9;
}