/* ============================================================================
   Theme for the shared auth kit's own pages (/login, /change-password,
   /admin/users) — MASTER-SPEC §4.8 "styling inherits the host app's stylesheet
   so it looks native".

   This app keeps its CSS inline in index.html / admin.html, so there is no
   existing stylesheet to point the kit at. This file therefore re-declares the
   SAME palette, font and radii those pages use and maps them onto the custom
   property names the kit reads (auth/routes.js BASE_STYLE). It is linked ONLY
   by the kit's pages — no pre-existing page loads it, so nothing the app
   already renders changes by a single byte.

   Keep the palette block in sync with the :root block in views/admin.html.
   ============================================================================ */
:root{
  /* --- the app's own palette, verbatim from index.html / admin.html --- */
  --bws-blue:#003d6b; --bws-blue2:#0a5a9c; --bws-cyan:#00a3e0;
  --ink:#1d2733; --muted:#637085; --line:#dfe5ec; --bg:#eef2f6;
  --ok:#1f9d57; --warn:#c0392b; --card:#ffffff;

  /* --- the names the auth kit looks for --- */
  --fg:var(--ink);
  --border:var(--line);
  --accent:var(--bws-blue);
  --accent-fg:#ffffff;
  --danger:var(--warn);
  --radius:12px;
  --font:'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
}

/* Match the app's card treatment (see .panel in admin.html). */
.bws-auth-card{box-shadow:0 2px 8px rgba(16,40,70,.09)}

/* The app's primary buttons and header use the blue gradient; the kit's quiet
   buttons must stay quiet, hence the :not(). */
.bws-auth-btn:not(.bws-auth-btn-quiet){
  background:linear-gradient(135deg,var(--bws-blue),var(--bws-blue2));
}
.bws-auth-h1{color:var(--bws-blue)}
.bws-auth-h2{color:var(--bws-blue)}