:root {
  --colour-primary: #0079a0;
  --colour-primary-dark: #00435b;
  --colour-accent: #ab9100;
  --colour-navy: #26292b;
  --colour-white: #ffffff;
  --colour-off-white: #f7f3ec;
  --colour-text: #4c4741;
  --colour-text-muted: #7b766f;
  --colour-grey-50: #fcfaf6;
  --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: #fef9f4;
  --colour-surface-alt: #f7f3ec;
  --colour-border: #d6d0c9;
  --colour-primary-hover: #006a8c;
  --colour-primary-active: #005a79;
  --colour-primary-subtle: #dbf3ff;
  --colour-on-primary: #ffffff;
  --colour-link: #0a7ca3;
  --colour-accent-hover: #9a8200;
  --colour-accent-subtle: #ffefad;
  --colour-on-accent: #15140f;
  --colour-on-dark: #c2bdb5;
  --colour-success: #2b8747;
  --colour-warning: #a16c00;
  --colour-error: #bb584f;
  --colour-info: #2f79bf;
}

/* ---------------------------------------------------------------------------
   Art-direction extension (step 1b, 2026-09-26) - added by the orchestrator,
   contrast computed, not eyeballed. resolve-palette makes a fill visible on
   white by darkening it (accent -> #ab9100, mustard). PITCH-PLAN keeps the
   logo's true drop yellow as the one action colour and meets WCAG 1.4.11 with
   an ink EDGE instead: the edge, not the fill, separates the button from a
   light ground. --colour-accent (#ab9100) is not used by this build.
     action #ffd900 on white 1.38 (fill alone is faint - hence the edge)
     ink #15140f on action 13.33 | ink edge on white 18.44
     action on steel #26292b 10.58 (no edge needed on steel)
   Steel: --colour-navy (#26292b) IS the steel band and footer ground.
   Links on steel: the link teal #0a7ca3 is only 3.08 there and the focus
   teal #0079a0 only 2.96 (below 3:1) - use --colour-on-steel (7.84) or
   white (14.64) with an underline; focus ring on steel = action yellow (10.58).
   Anything floating over both white and steel (the contact dock) takes a
   two-tone ring: ink band (18.44 on white) + yellow band (10.58 on steel).
   Feather-green tint #f1f8ec: text #4c4741 8.48; teal link 4.38 FAILS on it -
   use --colour-link-on-tint #006a8c (5.63 on tint, 6.10 on white).
--------------------------------------------------------------------------- */
:root {
  --colour-action: #ffd900;           /* the logo's drop yellow */
  --colour-action-hover: #f2cb00;     /* ink on it 11.69 */
  --colour-on-action: #15140f;        /* 13.33 on action */
  --colour-action-edge: #15140f;      /* 1.5px edge on light grounds, 18.44 vs white */
  --colour-steel: var(--colour-navy); /* #26292b, the rebar grey */
  --colour-on-steel: var(--colour-on-dark);
  --colour-focus-on-steel: #ffd900;
  --colour-tint: #f1f8ec;             /* the feather green #6DBF43 at a whisper */
  --colour-link-on-tint: #006a8c;
  --colour-ink: #15140f;              /* headings on white */
}
