/* Edit only these four lines. Then run npm run check:colors in website/
   Every other colour on the site (gradients, grey text, borders, glass) is worked out from these four.
   RUN: npm run check:colors in the website folder to check it */
:root {
  /* Quiet colour 1: the page background (pearl pink-white, the lightest part of the hero gradient). */
  --color-quiet-1: #fbf3f6;
  /* Quiet colour 2: pale blue, the far end of the hero gradient and section washes. */
  --color-quiet-2: #d8e4f2;
  /* Loud colour: ONLY the main "Get early access" buttons, the one winner piece and selected states. Button text turns white or dark automatically, whichever reads better. */
  --color-loud: #2740ff;
  /* Ink: the dark colour for all text, outlines and focus rings. It must be dark. */
  --color-ink: #14202e;
}