/* Axleworks appearance: dark (each page's own :root) and light, plus accent colors.
   theme.js sets data-theme="dark|light" and data-accent on <html> from the user's Appearance setting. */
:root{--hdr-bg:rgba(8,12,20,.96);--grid:rgba(30,41,59,.28);--row-line:rgba(30,41,59,.7);--scrim:rgba(2,6,14,.62);--on-accent:#fff}
:root[data-theme=light]{
  color-scheme:light;
  --obs:#f3f5f9;--obs2:#ffffff;--panel:#f5f7fa;--hover:#ecf1f7;--edge:#dfe5ec;--edge2:#c6d0dc;
  --fg:#1e293b;--fg2:#334155;--mute:#5a6a7e;--white:#0b1220;
  --mil:#047857;--alr:#c81e1e;--amb:#b45309;--ind:#4f46e5;
  --hdr-bg:rgba(255,255,255,.95);--grid:rgba(148,163,184,.16);--row-line:rgba(203,213,225,.85);--scrim:rgba(15,23,42,.35);
  /* quick view */
  --night:#e8edf4;--yard:#dde4ee;--ink:#0f172a;--profit:#047857;--loss:#c81e1e;--amber:#b45309;
}
/* accent colors: --cy is the accent everywhere */
:root[data-accent=blue]{--cy:#3b82f6}
:root[data-accent=violet]{--cy:#8b5cf6}
:root[data-accent=magenta]{--cy:#d946ef}
:root[data-accent=slate]{--cy:#94a3b8}
:root[data-theme=light]{--cy:#0e7490}
:root[data-theme=light][data-accent=blue]{--cy:#1d4ed8}
:root[data-theme=light][data-accent=violet]{--cy:#6d28d9}
:root[data-theme=light][data-accent=magenta]{--cy:#a21caf}
:root[data-theme=light][data-accent=slate]{--cy:#475569}