/* Eagrú light theme.
 *
 * The hub is already token-driven (700+ var(--x) uses), so a light mode is a matter of
 * redefining the dozen core tokens rather than restyling anything. This file only ever
 * overrides :root[data-theme="light"], so the dark default is untouched and a page that
 * forgets to load it simply stays dark.
 *
 * Accents keep their hue but darken where they sat on a dark ground: --ok/--warn/--plan
 * at their dark-theme values fail against white, and status colour is load-bearing here
 * (certificate expiry, capture state, progress). */

:root[data-theme="light"]{
  --bg:#eef2f6;
  --panel:#ffffff;
  --panel2:#f4f7fa;
  --line:#d5dee6;
  --ink:#16222c;
  --dim:#4d5f6d;
  --faint:#7d8f9d;

  --accent:#c85a26;      /* the orange holds on white, just deepened a shade */
  --accent2:#a8480f;
  --ok:#17915a;
  --warn:#a86a12;
  --plan:#1f6fbf;
  --gap:#c62834;
}

/* A few structural touches that a token swap cannot express: on a dark ground depth came
 * from lighter panels, on a light one it has to come from a border and a soft shadow. */
:root[data-theme="light"] body{background:var(--bg);color:var(--ink)}
:root[data-theme="light"] .card,
:root[data-theme="light"] .kpi,
:root[data-theme="light"] .pcard,
:root[data-theme="light"] .cap,
:root[data-theme="light"] .nrow,
:root[data-theme="light"] .note{box-shadow:0 1px 2px rgba(16,34,48,.06)}

/* Buttons whose label was dark-on-accent need to stay dark-on-accent. */
:root[data-theme="light"] #reg-save,
:root[data-theme="light"] #n-jump{color:#fff}

/* Scrollbars and form controls follow the theme rather than staying dark. */
:root[data-theme="light"]{color-scheme:light}
:root:not([data-theme="light"]){color-scheme:dark}