/* =========================================================
   PRELUDE v3.0 — design tokens
   Ported verbatim from Prelude_v3.0_STABLE_F.html.
   Font is self-hosted (see fonts/) — no external CDN calls,
   per the "no external dependencies" production requirement.
   ========================================================= */
@font-face{
  font-family:'Plus Jakarta Sans';
  src:url('../../fonts/PlusJakartaSans-Variable.woff2') format('woff2-variations'),
      url('../../fonts/PlusJakartaSans-Variable.woff2') format('woff2');
  font-weight:400 800;
  font-style:normal;
  font-display:swap;
}

:root{
  /* ---- NHS.UK-derived palette (see assets/js/core — theming is a CSS-
     only concern; every color in the app should resolve through one of
     these tokens so a future re-theme only touches this file). ---- */
  --charcoal:#212b32;
  --canvas:#f0f4f5;
  --card:#FFFFFF;
  --terra:#005eb8;
  --terra-soft:#d9e7f4;
  --ink:#212b32;
  --muted:#4c6272;
  --hair:#d8dde0;
  --low:#007f3b;
  --mid:#ed8b00;
  --high:#d5281b;
  --radius:8px;

  /* Neutral scale used for surfaces/borders that used to be bare hex */
  --white:#ffffff;
  --grey-1:#4c6272;
  --grey-4:#d8dde0;
  --grey-5:#f0f4f5;
  --tint-green:#e8f6ee;
  --tint-orange:#fff4e5;
  --tint-red:#fdedec;
  --surface-warm:#fbfaf8;
  --surface-muted:#f0f4f5;
  --popover-bg:#212b32;

  /* NHS header bar is a distinct blue, not the same as heading text */
  --nhs-header-bg:#005eb8;
  --on-dark:#ffffff;
  --on-dark-muted:#c7dcef;

  /* Button system: three semantic intents, each with the NHS signature
     "3D press" ledge (box-shadow at rest, collapses on :active) plus a
     shared yellow focus ring. */
  --btn-primary-bg:#007f3b;
  --btn-primary-hover:#00662f;
  --btn-primary-active:#00401e;
  --btn-primary-shadow:#00401e;

  --btn-secondary-border:#005eb8;
  --btn-secondary-hover-bg:#d9e7f4;
  --btn-secondary-active-bg:#c7dcef;
  --btn-secondary-shadow:#003d78;

  --btn-warning-bg:#d5281b;
  --btn-warning-hover:#aa2016;
  --btn-warning-active:#6b140e;
  --btn-warning-shadow:#6b140e;

  --focus-ring:#ffeb3b;
  --focus-text:#212b32;
  --radius-control:4px;

  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;height:100%;}
body{
  background:var(--canvas);color:var(--ink);line-height:1.5;
  -webkit-font-smoothing:antialiased;
}