/* Rounds design tokens: HHN Vitals, applied to a dispatch board. Poppins + IBM Plex Mono, HHN palette, light first.
   Colour means one thing each: blue = RN, teal = LPN, green = done, amber = needs a person, red = uncovered. */

@font-face { font-family: "Poppins"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/poppins-400.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/poppins-500.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 600; font-display: swap; src: url("fonts/poppins-600.woff2") format("woff2"); }
@font-face { font-family: "Poppins"; font-style: normal; font-weight: 700; font-display: swap; src: url("fonts/poppins-700.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 400; font-display: swap; src: url("fonts/plexmono-400.woff2") format("woff2"); }
@font-face { font-family: "IBM Plex Mono"; font-style: normal; font-weight: 500; font-display: swap; src: url("fonts/plexmono-500.woff2") format("woff2"); }

:root {
  color-scheme: light;
  --navy: #09315D;
  --blue: #0F54AA;
  --bright: #1A92D0;
  --teal: #3BC1C6;
  --teal-ink: #117E83;

  --bg: #F5F8FB;
  --panel: #FFFFFF;
  --surface: #EEF3F9;
  --surface-2: #E3EBF5;
  --line: #D3DDEA;
  --line-strong: #9FB1C8;
  --ink: #0B2440;
  --muted: #33506E;
  --faint: #52708C;
  --link: #0F54AA;
  --ring: #0F54AA;

  --pri: #0F54AA;
  --pri-hover: #09315D;
  --pri-ink: #FFFFFF;

  --ok: #1E8E5A;      --ok-text: #17683F;   --ok-tint: #E3F4EB;
  --bad: #C0392B;     --bad-text: #A52E22;  --bad-tint: #FBE7E4;
  --warn: #B7791F;    --warn-text: #80530A; --warn-tint: #FBF0D9;
  --wait: #0F54AA;    --wait-text: #0F54AA; --wait-tint: #E1ECF9;
  --mute: #6B7C93;    --mute-text: #475A74; --mute-tint: #EEF2F7;

  --rn: #0F54AA;      --rn-tint: #E1ECF9;
  --lpn: #117E83;     --lpn-tint: #DDF4F5;

  --font: "Poppins", "Segoe UI", Arial, sans-serif;
  --mono: "IBM Plex Mono", Consolas, monospace;
  --radius: 6px;
  --rail: 232px;
  --shadow: 0 1px 2px rgba(9, 49, 93, 0.08);
}

[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0D1B2E;
  --panel: #142640;
  --surface: #1B3151;
  --surface-2: #233C60;
  --line: #2E4A70;
  --line-strong: #4C6A94;
  --ink: #E9F0F8;
  --muted: #B6C6DA;
  --faint: #8FA5BF;
  --link: #7DB8F0;
  --ring: #7DB8F0;
  --pri: #2E7BD6;
  --pri-hover: #1A92D0;
  --ok-tint: #173A2A; --ok-text: #7FD6A5;
  --bad-tint: #4A1F1A; --bad-text: #F0A094;
  --warn-tint: #4A3A14; --warn-text: #F0C978;
  --wait-tint: #1E3A5F; --wait-text: #9CC7F5;
  --mute-tint: #223650; --mute-text: #B6C6DA;
  --rn-tint: #1E3A5F; --lpn-tint: #173D40;
  --shadow: none;
}