/* ---------------------------------------------------------------------------
   Skin for the auth kit's own server-rendered pages (/login, /change-password,
   /admin/users) — MASTER-SPEC §4.8 "styling inherits the host app".

   The Training Matrix has no separate stylesheet: index.html carries its CSS
   inline. This file therefore restates that palette (the :root block at the top
   of public/index.html, verbatim) and adds the alias names the kit's pages read
   (--fg, --muted, --card, --border, --accent, --danger, --ok, --radius, --font)
   so the login card comes out in the app's own colours, font and radius.

   The kit's pages ship no JavaScript, so the app's localStorage theme toggle
   cannot run here: these pages always use the app's DEFAULT (dark) palette,
   which is what a signed-out visitor sees on index.html before the toggle is
   read. Served from public/, so it is reachable without a session.
   --------------------------------------------------------------------------- */
:root{
  /* app palette — kept in step with public/index.html :root */
  --bg:#0f1420; --panel:#161c2b; --panel2:#1d2637; --line:#2a3446; --ink:#e8edf6;
  --mut:#93a1b9; --acc:#4f8cff; --acc2:#22c55e; --warn:#f59e0b; --bad:#ef4444;

  /* names the auth kit looks for */
  --fg:var(--ink);
  --muted:var(--mut);
  --card:var(--panel);
  --border:var(--line);
  --accent:var(--acc);
  --accent-fg:#ffffff;
  --danger:var(--bad);
  --ok:var(--acc2);
  --radius:12px;
  --font:-apple-system,Segoe UI,Roboto,Arial,sans-serif;
}
body.bws-auth-body{
  /* index.html's body rule, so the sign-in page sits on the same background */
  margin:0;font:14px/1.45 var(--font);background:var(--bg);color:var(--ink);
}
.bws-auth-card{
  /* .gatebox from index.html: same panel, same border, same lift */
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}
.bws-auth-input{background:var(--panel2)}
.bws-auth-h1{font-size:19px;font-weight:650;letter-spacing:.2px}