/* Theme tokens: colours, fonts, radii, shadows.
   Light values on :root, dark overrides below. Change the look here; components in app.css only use these variables. */
:root{
  color-scheme:light;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --gauge:"Barlow Semi Condensed","Inter",system-ui,sans-serif;
  --bg:#f5f6f8;--panel:#fff;--raise:#fff;--inset:#eef0f3;--ink:#121519;--mute:#646e78;--line:#e3e6ea;--line-2:#d2d7dd;
  --acc:#a85705;--acc-2:#b8620a;--acc-ink:#fff;  /* 5.2:1 on white (WCAG AA) */
  --ok:#23915a;--soon:#b07f00;--bad:#d0372f;--never:#8b959c;
  --odo-bg:#0a0c0e;--odo-ink:#f5efe1;
  --glow:rgb(168 87 5 / .07);--hl:rgb(255 255 255 / 0);
  --shadow-sm:0 1px 2px rgb(16 24 40 / .06);
  --shadow:0 1px 2px rgb(16 24 40 / .04),0 6px 20px -8px rgb(16 24 40 / .10);
  --shadow-hover:0 2px 4px rgb(16 24 40 / .05),0 16px 32px -12px rgb(16 24 40 / .18);
  --shadow-lg:0 30px 80px -16px rgb(16 24 40 / .35);
  --sb:rgb(18 21 25 / .18);--sb-hover:rgb(18 21 25 / .34);
  --r1:10px;--r2:14px;--r3:18px;
  --ease:cubic-bezier(.2,.7,.2,1);
}
@media (prefers-color-scheme:dark){:root{
  color-scheme:dark;
  --bg:#0c0e11;--panel:#14171b;--raise:#20252b;--inset:#0f1215;--ink:#eceff2;--mute:#8b949d;--line:rgb(255 255 255 / .07);--line-2:rgb(255 255 255 / .13);
  --acc:#f5a524;--acc-2:#ffbb4d;--acc-ink:#1a1104;
  --ok:#4cc38a;--soon:#e8c14a;--bad:#f2605a;--never:#6b757d;
  --glow:rgb(245 165 36 / .06);--hl:rgb(255 255 255 / .025);
  --shadow-sm:0 1px 2px rgb(0 0 0 / .4);
  --shadow:inset 0 1px 0 rgb(255 255 255 / .03),0 8px 24px -10px rgb(0 0 0 / .6);
  --shadow-hover:inset 0 1px 0 rgb(255 255 255 / .05),0 18px 40px -14px rgb(0 0 0 / .8);
  --shadow-lg:0 30px 90px -10px rgb(0 0 0 / .8);
  --sb:rgb(255 255 255 / .14);--sb-hover:rgb(255 255 255 / .28);
}}