:root {
  --colour-primary: #038283;
  --colour-primary-dark: #004a4a;
  --colour-accent: #d37419;
  --colour-navy: #1f1c19;
  --colour-white: #ffffff;
  --colour-off-white: #e4f4f4;
  --colour-text: #4c4741;
  --colour-text-muted: #746f68;
  --colour-grey-50: #f7fcfc;
  --colour-grey-100: #e1deda;
  --colour-grey-200: #c6c3be;
  --colour-grey-300: #aca9a3;
  --colour-grey-400: #938f89;
  --colour-grey-500: #7b7670;
  --colour-grey-600: #635e58;
  --colour-grey-700: #4c4742;
  --colour-grey-800: #35322d;
  --colour-grey-900: #201e1a;
  --colour-bg: #ffffff;
  --colour-surface: #f2fafa;
  --colour-surface-alt: #e4f4f4;
  --colour-border: #cfe4e4;
  --colour-primary-hover: #007273;
  --colour-primary-active: #006263;
  --colour-primary-subtle: #cbf9f9;
  --colour-on-primary: #ffffff;
  --colour-link: #007b7c;
  --colour-accent-hover: #c06600;
  --colour-accent-subtle: #ffeadb;
  --colour-on-accent: #15140f;
  --colour-on-dark: #c2bdb5;
  --colour-success: #207f40;
  --colour-warning: #986500;
  --colour-error: #b45149;
  --colour-info: #2672b7;
}

/* ---------------------------------------------------------------------------
   Brand-exact additions (appended by the orchestrator after resolve-palette).
   resolve-palette is contrast-first and nudged the brand teal to #038283 for
   UI use. PITCH-PLAN.md is explicit that the client's own teal is untouchable,
   so the exact sampled colour is preserved here for the DISPLAY role only.
   Measured, not eyeballed:
     #0D8586 on --colour-bg (#fff) ... 4.45:1  (display floor is 3:1 -> OK)
     #ffffff on #0D8586 ............. 4.45:1  (UNDER AA 4.5 -> see rule below)
     --colour-text on --colour-bg ... 9.20:1  (clears AAA)
     --colour-text on #f2fafa ....... 8.68:1  (clears AAA)
     --colour-text on #e4f4f4 ....... 8.14:1  (clears AAA)
     #0D8586 on #f2fafa ............. 4.20:1  (large display on wash -> OK)
     --colour-text on #DCEFEE ....... 7.71:1  (clears AAA)
     #0D8586 on #DCEFEE ............. 3.74:1  (large display on wash -> OK)
   Recomputed 2026-08-20 when the ground moved from warm paper (#f6f3ee) to
   white at the practice's request: every ratio above went UP or held, because
   white is lighter than the paper it replaced. The build rules are unchanged.
   BUILD RULES:
     - Use --colour-brand-teal for headings above 24px and section rules only.
     - NEVER put white normal-size text on --colour-brand-teal (4.45:1 fails AA).
       For filled buttons/interactive use --colour-primary / -hover / -active,
       which resolve-palette floored with white on-colour already verified.
     - --colour-brand-teal-wash is the alternate section surface, kept because
       it carries a memory of the site the practice's patients already know.
--------------------------------------------------------------------------- */
:root {
  --colour-brand-teal: #0D8586;
  --colour-brand-teal-wash: #DCEFEE;
}