/* Theme tokens. Same palette as MOCKUP.html (approved look); light default, dark by system or data-theme. */
:root {
  --bg:#f2f4f9; --panel:#fff; --panel2:#f8f9fc; --ink:#0e1829; --mute:#566377; --line:#e0e5ee; --line2:#eceff5;
  --accent:#2a4bd7; --accent-ink:#fff; --ok:#0e7a55; --okbg:#e0f4ec; --okbtn:#0e7a55; --okbtn-ink:#fff;
  --bad:#b42318; --badbg:#fdecea; --warn:#8a5300; --warnbg:#fff1d2; --info:#2a4bd7; --infobg:#e8edfd;
  --old:#fdf0ee; --new:#e6f6ef; --focus:#2a4bd7;
  --shadow:0 1px 2px rgba(16,26,46,.05),0 10px 30px rgba(16,26,46,.07);
  --hero:linear-gradient(135deg,#1c2f78,#2a4bd7 60%,#4f74f0);
  --skel:linear-gradient(90deg,#eceff5 0%,#f7f8fb 50%,#eceff5 100%);
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg:#090e17; --panel:#121927; --panel2:#0e1522; --ink:#e9eef6; --mute:#9aa8bd; --line:#232f43; --line2:#1b2536;
    --accent:#7b9bff; --accent-ink:#0a1020; --ok:#4fd6a5; --okbg:#0f3329; --okbtn:#4fd6a5; --okbtn-ink:#06231a;
    --bad:#ff8f85; --badbg:#3b1a18; --warn:#f4c766; --warnbg:#3a2c0b; --info:#9db6ff; --infobg:#17254a;
    --old:#35191a; --new:#0f3329; --focus:#9db6ff; --shadow:none;
    --hero:linear-gradient(135deg,#0f1b4a,#1f3aa8 60%,#3556d6);
    --skel:linear-gradient(90deg,#1b2536 0%,#222f45 50%,#1b2536 100%);
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg:#090e17; --panel:#121927; --panel2:#0e1522; --ink:#e9eef6; --mute:#9aa8bd; --line:#232f43; --line2:#1b2536;
  --accent:#7b9bff; --accent-ink:#0a1020; --ok:#4fd6a5; --okbg:#0f3329; --okbtn:#4fd6a5; --okbtn-ink:#06231a;
  --bad:#ff8f85; --badbg:#3b1a18; --warn:#f4c766; --warnbg:#3a2c0b; --info:#9db6ff; --infobg:#17254a;
  --old:#35191a; --new:#0f3329; --focus:#9db6ff; --shadow:none;
  --hero:linear-gradient(135deg,#0f1b4a,#1f3aa8 60%,#3556d6);
  --skel:linear-gradient(90deg,#1b2536 0%,#222f45 50%,#1b2536 100%);
  color-scheme: dark;
}