/* KLRE house style (Tyler, Oct 27 2026): the one set of colors and fonts for the whole app and every page a candidate sees.
   It lives under /assess/ because candidates open those pages without a KLRE sign-in; the app loads the same file.
   Light is the default. Dark follows the device, and the app's theme button can force either one (data-theme on <html>).
   Each page loads the fonts (Barlow and Barlow Condensed) from Google Fonts in its <head>. */
:root{
  --red:#EE2F2E; --red-deep:#C41F1E; --band:#414142; --redtint:#FCE4E3;
  --bg:#EFEFF1; --surface:#FFFFFF; --surface2:#F6F6F7; --ink:#18181A; --ink2:#414142; --muted:#626268; --faint:#8A8A91; --line:#DCDCE0;
  --good:#168A4A; --good-t:#E3F5EA; --warn:#B9780A; --warn-t:#FCF0D8; --bad:#D21F1C; --bad-t:#FCE4E3; --info-t:#ECECEF;
  --on-band:#FFFFFF; --on-band-muted:#D6D6DA;
  --display:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --body:"Barlow","Helvetica Neue",Arial,sans-serif;
  color-scheme:light;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --red:#FF4A49; --red-deep:#FF6463; --band:#2E2E30; --redtint:#401716;
  --bg:#141415; --surface:#222224; --surface2:#2A2A2D; --ink:#F5F5F6; --ink2:#C9C9CC; --muted:#A6A6AC; --faint:#7D7D84; --line:#38383C;
  --good:#2FC774; --good-t:#123222; --warn:#F5B335; --warn-t:#3A2C10; --bad:#FF4D4A; --bad-t:#401716; --info-t:#2E2E32;
  color-scheme:dark}}
:root[data-theme="dark"]{
  --red:#FF4A49; --red-deep:#FF6463; --band:#2E2E30; --redtint:#401716;
  --bg:#141415; --surface:#222224; --surface2:#2A2A2D; --ink:#F5F5F6; --ink2:#C9C9CC; --muted:#A6A6AC; --faint:#7D7D84; --line:#38383C;
  --good:#2FC774; --good-t:#123222; --warn:#F5B335; --warn-t:#3A2C10; --bad:#FF4D4A; --bad-t:#401716; --info-t:#2E2E32;
  color-scheme:dark}