/* Wayne Classic — the shipped look, stated explicitly so a skin can be diffed against it.
   A skin overrides ONLY the custom properties style.css already defines, in BOTH colour schemes. */
:root {
  --bg: #0b0d12;  --bg2: #10131b;  --surface: #141823;  --surface2: #1a1f2c;
  --line: #232a3a; --line2: #2e3750;
  --ink: #dfe5f2;  --ink2: #9aa4bd; --mute: #6d778f;
  --acc: #5b9cff;  --acc-ink: #a9c9ff; --acc-bg: rgba(91, 156, 255, 0.12);
  --ok: #34d399;   --warn: #f2b134;  --bad: #f2736b;  --purple: #a78bfa;
  --radius: 10px;
  --shadow: 0 18px 44px rgba(0, 0, 0, 0.55), 0 2px 0 rgba(255, 255, 255, 0.03) inset;
  --topbar-h: 44px; --taskbar-h: 42px;
}

@media (prefers-color-scheme: light) {
  :root {
    --bg: #eef1f6;  --bg2: #e6eaf2;  --surface: #ffffff; --surface2: #f5f7fb;
    --line: #d4dae6; --line2: #bfc7d8;
    --ink: #161b26;  --ink2: #47506a; --mute: #6a7488;
    --acc: #1f5fd8;  --acc-ink: #17408f; --acc-bg: rgba(31, 95, 216, 0.09);
    --ok: #0f8a5f;   --warn: #9a6400;  --bad: #b3251c;  --purple: #6d43d6;
    --shadow: 0 14px 34px rgba(24, 33, 56, 0.16), 0 0 0 1px rgba(24, 33, 56, 0.04);
  }
}
