/* Mobi2buy: blue sampled from the email signature, converted to sRGB.
   Shared by login and editor; build_ui.py keeps this palette when rebuilding. */
:root {
  color-scheme: light;
  --bg: #f6f8fc;
  --paper: #ffffff;
  --surface: #edf1f8;
  --hover: #e8edfa;
  --ink: #202840;
  --muted: #526179;
  --faint: #647189;
  --line: #dce3ef;
  --line-strong: #a7b3ca;
  --accent: #4169e1;
  --accent-soft: #f5f7ff;
  --on-accent: #ffffff;
  --warn: #885714;
  --warn-bg: #fcf0d7;
  --bad: #a63c32;
  --bad-bg: #fbe9e4;
  --ok: #366549;
  --ok-bg: #e6efe6;
  --draft: #9b542b;
  --draft-bg: #f8eadf;
  --lane-a: #365dcc;
  --lane-b: #5b55b1;
  --lane-c: #28788b;
  --lane-d: #5c6f91;
  --shadow: 0 18px 70px #12204420;
  --backdrop: #0f183d52;
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #101625;
  --paper: #192135;
  --surface: #222d44;
  --hover: #2c3958;
  --ink: #edf1fc;
  --muted: #b5c0d6;
  --faint: #a1abc0;
  --line: #34425e;
  --line-strong: #637393;
  --accent: #9eb5ff;
  --accent-soft: #25365a;
  --on-accent: #111b36;
  --warn: #edc278;
  --warn-bg: #3e3320;
  --bad: #ffac9c;
  --bad-bg: #422b26;
  --ok: #b0d3ac;
  --ok-bg: #2b4030;
  --draft: #e8b184;
  --draft-bg: #403127;
  --lane-a: #9eb7ff;
  --lane-b: #bbb0f5;
  --lane-c: #87c8d6;
  --lane-d: #a8bad9;
  --shadow: 0 18px 70px #0007;
  --backdrop: #03091688;
}

/* Follow the device preference until a theme is explicitly selected. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    color-scheme: dark;
    --bg: #101625;
    --paper: #192135;
    --surface: #222d44;
    --hover: #2c3958;
    --ink: #edf1fc;
    --muted: #b5c0d6;
    --faint: #a1abc0;
    --line: #34425e;
    --line-strong: #637393;
    --accent: #9eb5ff;
    --accent-soft: #25365a;
    --on-accent: #111b36;
    --warn: #edc278;
    --warn-bg: #3e3320;
    --bad: #ffac9c;
    --bad-bg: #422b26;
    --ok: #b0d3ac;
    --ok-bg: #2b4030;
    --draft: #e8b184;
    --draft-bg: #403127;
    --lane-a: #9eb7ff;
    --lane-b: #bbb0f5;
    --lane-c: #87c8d6;
    --lane-d: #a8bad9;
    --shadow: 0 18px 70px #0007;
    --backdrop: #03091688;
  }
}

.wordmark { color: var(--accent); }