/* Bonifate console — shared LIGHT theme. Every page defines the same dark :root palette
   (--bg / --panel / --line / --ink / --mut / --accent / --accent2 / --warn / --danger) and
   styles through those vars, so overriding the neutrals when data-theme="light" flips the whole
   app. Accent hues (green / blue / warn / danger) read fine on light, so they're left as-is.
   Values match quote.html so the look is identical across pages. */
:root[data-theme="light"]{
  --bg:#eef2f6; --panel:#ffffff; --card:#ffffff; --line:#d6dee7; --ink:#1a2a38; --mut:#5d6b79;
  --input-bg:#ffffff; --head-bg:#e9eff5; --row-hover:#f2f6fa; --row-sel:#e3eefc;
  --res-bg:#f1ecfb; --res-line:#d9cdf2;   /* classifier result card — light purple (owner 2026-08-23) */
  color-scheme: light;
}
:root[data-theme="light"] input,
:root[data-theme="light"] select,
:root[data-theme="light"] textarea{ color-scheme: light; }

:root[data-theme="dark"]{
  --bg:#0f1720; --panel:#17212b; --card:#17212b; --line:#26323f; --ink:#e7eef5; --mut:#8fa3b5;
  --input-bg:#17212b; --head-bg:#17212b; --row-hover:#1c2732; --row-sel:#1e2d3d;
  --res-bg:#1b1730; --res-line:#2e2748;   /* classifier result card — deep purple (dark theme) */
  color-scheme: dark;
}
:root[data-theme="dark"] input,
:root[data-theme="dark"] select,
:root[data-theme="dark"] textarea{ color-scheme: dark; }

/* Floating toggle, injected by theme.js on pages that don't already carry #themeToggle. */
#bfThemeToggle{
  position:fixed; right:16px; bottom:16px; z-index:9999;
  width:38px; height:38px; border-radius:50%; cursor:pointer;
  background:var(--panel); color:var(--ink); border:1px solid var(--line);
  font-size:17px; line-height:1; box-shadow:0 2px 8px rgba(0,0,0,.28);
}
#bfThemeToggle:hover{ border-color:var(--accent2); }