/* ============================================================================ 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 all of its CSS inline in public/index.html, so there is no existing stylesheet to point the kit at. This file therefore re-declares the SAME palette, font and radii that page uses 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 public/index.html. ============================================================================ */ :root{ /* --- the app's own palette, verbatim from public/index.html --- */ --bg:#f4f6f8; --panel:#ffffff; --border:#d7dce1; --border-strong:#b7bfc7; --text:#202428; --text-dim:#616a72; --accent:#2e6fda; --accent-dim:#e7effc; --green:#1a7f37; --red:#c0271f; --shadow:0 1px 3px rgba(20,23,26,0.08), 0 1px 2px rgba(20,23,26,0.06); /* --- the names the auth kit looks for --- */ --fg:var(--text); --card:var(--panel); --muted:var(--text-dim); --accent-fg:#ffffff; --danger:var(--red); --ok:var(--green); --radius:10px; --font:-apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif; } /* The app's panels use a soft two-layer shadow rather than the kit's default single one; match it so the sign-in card reads as the same surface. */ .bws-auth-card{box-shadow:var(--shadow)} /* index.html sets 14px on /; the kit's pages sit on their own document, so restate it here rather than letting the browser default win. */ .bws-auth-body{font-size:14px}