:root {
  --nhs-blue: #005eb8;
  --nhs-dark-blue: #003087;
  --nhs-bright-blue: #0072ce;
  --nhs-light-blue: #41b6e6;
  --nhs-aqua-blue: #00a9ce;
  --nhs-green: #007f3b;
  --nhs-dark-green: #006747;
  --nhs-light-green: #78be20;
  --nhs-aqua-green: #00a499;
  --nhs-purple: #330072;
  --nhs-dark-pink: #7c2855;
  --nhs-pink: #ae2573;
  --nhs-dark-red: #8a1538;
  --nhs-emergency-red: #da291c;
  --nhs-orange: #ed8b00;
  --nhs-warm-yellow: #ffb81c;
  --nhs-yellow: #fae100;
  --nhs-euro-yellow: #ffe600;
  --focus-outline: #ffeb3b;
  --focus-halo: #212b32;
  --base-bg: #fcfcfc;
  --base-text: #231f20;
  --gap: 12px;
  --radius: 0.75rem;
  --box-min: 150px;
  --box-fluid: 22vw;
  --box-max: 200px;
  --shadow: 0 4px 8px rgba(0,0,0,.25);
  --font-size-base: 1rem;
  --font-size-small: 0.75em;
  --box-font-size: clamp(1rem, 1.8vw, 1.5rem);
  --box-small-font: 0.75em;
}