/* Färger för mörkt (standard) och ljust tema. Temat väljs i tema.js och sätts som data-theme på <html>. */
:root {
  color-scheme: dark;
  --bg: #111613; --bg-top: #1b241d; --header: #151b17; --panel: #1a211d; --surface: #222b25; --surface-hover: #2b362e;
  --row-hover: #252f28; --tile-hover: #1f2822; --field: #131a16; --placeholder: #7e8b81; --combo: #1d2520;
  --text: #edf1eb; --muted: #a2aea5; --line: #364139; --line-soft: #2b342e; --axis: #4a564d; --scroll: #59675d;
  /* accent: limegrönt för knappar och markeringar; accent-text är samma ton när den används som text */
  --accent: #d6ed69; --accent-dark: #b9d64d; --accent-ink: #20271c; --accent-text: #d6ed69; --focus: #d6ed69;
  --bar: #d6ed69; --bar-hover: #eef9b8; --warn-bar: #f0c779;
  --danger: #ff8179; --ok: #83d6a0; --warn: #f0c779; --info: #8dd3e5;
  --go: #36784c; --go-hover: #41895a;
  --b-ok-bg: #23372a; --b-ok: #83d6a0; --b-open-bg: #403321; --b-open: #f0c779; --b-started-bg: #24353b; --b-started: #8dd3e5;
  --b-done-bg: #2c3a1e; --b-done: #d6ed69; --b-deliv-bg: #2a2f3a; --b-deliv: #b9c3d6;
  --late-bg: #4a2523; --late: #ffb3ad; --b-paused-bg: #33284a; --b-paused: #c8b4ff; --paused: #b49cff;
  --prio: #ff9f43; --prio-bg: #45301a; --prio-ink: #1d1206;
  --tip-bg: #e8eee8; --tip-ink: #172019; --shadow: rgba(0,0,0,.12); --shadow-strong: rgba(0,0,0,.5); --backdrop: rgba(0,0,0,.68);
}
:root[data-theme="light"] {
  color-scheme: light;
  --bg: #f2f4ef; --bg-top: #e6ebdf; --header: #ffffff; --panel: #ffffff; --surface: #eef1ea; --surface-hover: #e2e7da;
  --row-hover: #f3f6ee; --tile-hover: #f8faf5; --field: #ffffff; --placeholder: #8a948c; --combo: #ffffff;
  --text: #1c231d; --muted: #5b665e; --line: #d3d9ce; --line-soft: #e5e9e1; --axis: #a3ad9f; --scroll: #b6beb2;
  --accent: #d6ed69; --accent-dark: #c4de4c; --accent-ink: #20271c; --accent-text: #4c6600; --focus: #6b8a00;
  --bar: #7c9a17; --bar-hover: #95b52b; --warn-bar: #e0a43a;
  --danger: #c0392b; --ok: #2e7d4f; --warn: #9a6200; --info: #1f6b85;
  --go: #2f7a4a; --go-hover: #378a56;
  --b-ok-bg: #e1f1e6; --b-ok: #23683f; --b-open-bg: #fbefd6; --b-open: #865600; --b-started-bg: #ddeff5; --b-started: #1d6680;
  --b-done-bg: #eef6cf; --b-done: #4c6600; --b-deliv-bg: #e7eaf1; --b-deliv: #475170;
  --late-bg: #fbe1de; --late: #a8291c; --b-paused-bg: #ece6fb; --b-paused: #5b3fa8; --paused: #7a5ad6;
  --prio: #c45a00; --prio-bg: #fdebd8; --prio-ink: #ffffff;
  --tip-bg: #1c231d; --tip-ink: #f2f4ef; --shadow: rgba(30,40,30,.06); --shadow-strong: rgba(30,40,30,.22); --backdrop: rgba(20,30,20,.45);
}
/* loggan: ljus text för mörk bakgrund, mörk text för ljus */
.logo-light { display: none; }
:root[data-theme="light"] .logo-dark { display: none; }
:root[data-theme="light"] .logo-light { display: block; }