/* NHS brand tokens, from unfairly.ai/brand-guidelines/nhs (checked 2026-10-31).
   Sizes, spacing and components were measured on https://www.england.nhs.uk/nhsidentity/identity-guidelines/ (Identity law from the NHS Identity Guidelines; digital application from the NHS digital service manual and NHS.UK frontend; page anatomy measured on www.nhs.uk (Wayback snapshot 2026-10-26).).
   Fonts: --font-* use the open stand-ins (load them from Google Fonts); --font-*-original name NHS's own faces, which you may only use if you have a licence. */
:root {
  --color-paper: #F0F4F5;
  --color-surface: #FFFFFF;
  --color-ink: #212B32;
  --color-ink-muted: #4C6272;
  --color-accent: #005EB8;
  --color-on-accent: #FFFFFF;
  --color-accent-dark: #003087;
  --color-accent-secondary: #007F3B;
  --color-positive: #007F3B;
  --color-highlight: #FFEB3B;
  --color-border: #D8DDE0;
  --color-night: #005EB8;
  --color-on-night: #FFFFFF;
  --color-accent-on-night: #FFFFFF;
  --color-nhs-blue: #005EB8;
  --color-white: #FFFFFF;
  --color-nhs-dark-blue: #003087;
  --color-nhs-bright-blue: #0072CE;
  --color-nhs-light-blue: #41B6E6;
  --color-nhs-aqua-blue: #00A9CE;
  --color-nhs-black: #231F20;
  --color-nhs-dark-grey: #425563;
  --color-nhs-mid-grey: #768692;
  --color-nhs-pale-grey: #E8EDEE;
  --color-nhs-dark-green: #006747;
  --color-nhs-green-identity: #009639;
  --color-nhs-light-green: #78BE20;
  --color-nhs-aqua-green: #00A499;
  --color-nhs-purple: #330072;
  --color-dark-pink: #7C2855;
  --color-nhs-pink: #AE2573;
  --color-nhs-dark-red: #8A1538;
  --color-emergency-services-red: #DA291C;
  --color-nhs-orange: #ED8B00;
  --color-nhs-warm-yellow: #FFB81C;
  --color-nhs-yellow: #FAE100;
  --color-pale-blue-digital: #CCDFF1;
  --color-black-digital-text: #212B32;
  --color-grey-1: #4C6272;
  --color-grey-3: #AEB7BD;
  --color-grey-4: #D8DDE0;
  --color-grey-5: #F0F4F5;
  --color-dark-green-digital: #004C23;
  --color-green-digital: #007F3B;
  --color-pale-green: #CCE5D8;
  --color-pale-aqua-green: #BAE6E3;
  --color-dark-aqua-green: #004A45;
  --color-purple-digital: #5C338E;
  --color-pale-purple: #DED6E8;
  --color-dark-pink-digital: #6E234B;
  --color-pale-pink: #EFD3E3;
  --color-dark-red-digital: #801810;
  --color-red-digital: #D5281B;
  --color-pale-red: #F7D4D1;
  --color-dark-orange: #5F3800;
  --color-pale-orange: #FBE8CC;
  --color-dark-warm-yellow: #664A0B;
  --color-pale-warm-yellow: #FFF1D2;
  --color-dark-yellow: #595215;
  --color-yellow-focus: #FFEB3B;
  --color-pale-yellow: #FFF9C4;
  --color-search-button-tint: #EDF4FA;
  --color-hero-caption-blue: #D2E2F1;
  --color-my-account-blue: #004B93;
  --color-header-hairline-blue: #337EC6;
  --color-button-shadow-green: #00401E;
  --color-button-hover-green: #00662F;
  --color-card-primary-fill: #FFFFFF;
  --color-card-panel-grey-fill: #F0F4F5;
  --color-link-bar-fill: #005EB8;
  --color-button-primary-fill: #007F3B;
  --color-button-primary-text: #FFFFFF;
  --color-account-button-fill: #004B93;
  --font-display: "Istok Web", "Istok Web", Arial, sans-serif;
  --font-display-original: "Frutiger 65 Bold", "Istok Web", "Istok Web", Arial, sans-serif;
  --font-body: "Istok Web", "Istok Web", Arial, sans-serif;
  --font-body-original: "Frutiger 55 Roman", "Istok Web", "Istok Web", Arial, sans-serif;
  --font-mono: "JetBrains Mono", menlo, "Cascadia Mono", "Segoe UI Mono", consolas, "Liberation Mono", monospace;
  --font-mono-original: None, "JetBrains Mono", menlo, "Cascadia Mono", "Segoe UI Mono", consolas, "Liberation Mono", monospace;
  --page-margin: 240px;
  --section-padding: 64px;
  --container-max: 960px;
  --card-gap: 32px;
  --nav-height: 128px;
  --grid-gutter: 32px;
  --text-hero-caption-size: 32px;
  --text-hero-caption-line: 1.125;
  --text-hero-caption-weight: 700;
  --text-display-hero-size: 43.2px;
  --text-display-hero-line: 1.125;
  --text-display-hero-weight: 700;
  --text-heading-l-size: 36px;
  --text-heading-l-line: 1.167;
  --text-heading-l-weight: 700;
  --text-heading-m-size: 26px;
  --text-heading-m-line: 1.231;
  --text-heading-m-weight: 700;
  --text-action-link-size: 22px;
  --text-action-link-line: 1.636;
  --text-action-link-weight: 700;
  --text-body-size: 19px;
  --text-body-line: 1.474;
  --text-body-weight: 400;
  --text-body-tracking: 0.29px;
  --text-body-s-size: 16px;
  --text-body-s-line: 1.5;
  --text-body-s-weight: 400;
  --text-body-s-tracking: 0.24px;
  --radius-card-primary: 0px;
  --radius-link-bar: 0px;
  --radius-button-primary: 4px;
  --radius-account-button: 4px;
  --icon-small: 20px;
  --icon-default: 24px;
  --icon-large: 32px;
}
/* Phone values measured at 390px. NHS's breakpoint wasn't measured: 600px is our default. */
@media (max-width: 600px) {
  :root {
    --page-margin: 16px;
    --section-padding: 48px;
    --text-hero-caption-size: 24px;
    --text-display-hero-size: 32px;
    --text-heading-l-size: 27px;
    --text-heading-m-size: 22px;
    --text-action-link-size: 19px;
    --text-body-size: 16px;
  }
}