/* Copyright © 2026 ukbharrison. All rights reserved. */
/* Theme layer. Loaded last. Dark is the default; light overrides the variables and the few hard-coded colours. */
:root {
  --ok: #5fbf8a;
  --on-accent: #0e0d12;
  --accent-line: #4a3b82;
  --danger-line: #5a2b36;
  --topbar-bg: rgba(14, 13, 18, .92);
  --ackbar-bg: rgba(21, 20, 27, .97);
  --row-hover: rgba(255, 255, 255, .02);
  --scroll: #34313f;
  --scroll-nav: #2e2b39;
}
:root[data-mode="light"] {
  color-scheme: light;
  --bg: #f5f4f9;
  --panel: #ffffff;
  --panel-2: #eeecf4;
  --line: #dcd9e6;
  --text: #1c1928;
  --body: #4b475c;
  --muted: #78748a;
  --accent: #6a43e0;
  --accent-dim: rgba(106, 67, 224, .1);
  --danger: #c0344d;
  --warn: #96660a;
  --info: #1f78a8;
  --ok: #1f8a55;
  --on-accent: #ffffff;
  --accent-line: #c2b3f2;
  --danger-line: #e6b9c2;
  --topbar-bg: rgba(245, 244, 249, .92);
  --ackbar-bg: rgba(255, 255, 255, .97);
  --row-hover: rgba(0, 0, 0, .025);
  --scroll: #c9c5d8;
  --scroll-nav: #d3cfe0;
}

/* colours that were hard-coded */
.btn, .logo, .avatar, .mav, .promo-rank.to .big { color: var(--on-accent); }
.topbar { background: var(--topbar-bg); }
.ackbar { background: var(--ackbar-bg); }
tr:hover td { background: var(--row-hover); }
* { scrollbar-color: var(--scroll) var(--bg); }
::-webkit-scrollbar-thumb { background: var(--scroll); }
nav { scrollbar-color: var(--scroll-nav) var(--panel); }
.pill.active, .pill.approved, .pill.ok { color: var(--ok); }
.meter i s.done { background: var(--ok); }
.chart .bar { background: var(--ok); }
.chart .bar.low { background: var(--danger); }
.chart .bar.loa { background: var(--info); }
.chart .bar.none { background: var(--line); }
nav a.seen span, nav a.seen::after, .ackbar.ready .ackcount, .mock-nav .side div.done span { color: var(--ok); }
.ackbar.ready .ackmeter i { background: var(--ok); }
.person.owner, .pill.rank, .steps li::before, .delta .box.new { border-color: var(--accent-line); }
.card.danger { border-color: var(--danger-line); }
.btn.danger { border-color: var(--danger-line); }
.alert, .err { border-top-color: var(--danger-line); border-right-color: var(--danger-line); border-bottom-color: var(--danger-line); }
:root[data-mode="light"] .badge.t1 { color: #8a7410; border-color: rgba(138, 116, 16, .4); }
:root[data-mode="light"] .badge.t2 { color: #b05c1c; border-color: rgba(176, 92, 28, .4); }
:root[data-mode="light"] .menu { box-shadow: 0 8px 24px rgba(40, 30, 80, .15); }
:root[data-mode="light"] mark { background: rgba(250, 204, 21, .5); color: #1c1928; }
:root[data-mode="light"] .lockbanner, :root[data-mode="light"] .conf-banner { background: var(--panel); }