/* Brand colours sampled from the client's own mark, site/assets/hub712-logo.png.
   The two colours actually in that file are #044B73 and #659B4B. The demo approximated
   the green as #739F17, which is a different hue and fails contrast as text, so the
   green scale below is derived from the real hue at lightness levels that clear WCAG AA.
   gates/build-output.test.mjs pins these values and checks the contrast pairs. */
:root{
  --blue:#044B73;
  --navy:#001356;
  --ink:#0E2237;

  /* The mark itself. Fills, icon strokes, anything decorative. Not small text. */
  --green:#659B4B;
  /* Small text and button fills. 5.37:1 on white, 4.92:1 on mist. */
  --green-ink:#4C7539;
  /* Button hover. Darker, not lighter, so the label stays readable. 7.18:1. */
  --green-deep:#3F602F;
  /* The accent word and eyebrows on dark grounds. 4.70:1 on the lightest of them. */
  --green-lift:#97C582;
  /* Tag and chip backgrounds. */
  --green-wash:#E9F0E5;

  --paper:#FFFFFF;
  --mist:#F2F6F3;
  --cloud:#EAF1F5;
  --line:#DCE6EC;
  --muted:#54677A;
  --radius:18px;
  --shadow:0 18px 50px rgba(4,75,115,.12);
}