/* Dark theme overrides for the shared design tokens defined (inline or via dashboard-theme.css)
   as a bare :root block on every page. Values are listed twice by design — once under the
   prefers-color-scheme media query (system default, unless the user explicitly chose light)
   and again under [data-theme="dark"] (explicit choice, wins in both directions) — the
   standard pattern for a light/dark/system toggle. CSS specificity means this file works
   correctly regardless of where it's linked in <head> relative to a page's own inline <style>. */

@media(prefers-color-scheme:dark){
  :root:not([data-theme="light"]){
    --bg:#18171c;--surface:#221f27;--surface2:#28252e;--border:#38343f;--border2:#4a4552;
    --text:#f0eee8;--text2:#a8a49c;--text3:#959086;
    --accent:#5b9bd5;--accent2:#7bb3e0;--accent-bg:#1e2c3a;--accent-m:rgba(91,155,213,.14);
    --green:#4ade80;--gbg:#132a1c;--amber:#fbbf24;--abg:#2d2410;
    --red:#f87171;--rbg:#2d1616;--blue:#60a5fa;--bbg:#16233a;
    --sh:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);
  }
}
:root[data-theme="dark"]{
  --bg:#18171c;--surface:#221f27;--surface2:#28252e;--border:#38343f;--border2:#4a4552;
  --text:#f0eee8;--text2:#a8a49c;--text3:#959086;
  --accent:#5b9bd5;--accent2:#7bb3e0;--accent-bg:#1e2c3a;--accent-m:rgba(91,155,213,.14);
  --green:#4ade80;--gbg:#132a1c;--amber:#fbbf24;--abg:#2d2410;
  --red:#f87171;--rbg:#2d1616;--blue:#60a5fa;--bbg:#16233a;
  --sh:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.3);
}
