/*
  Colour scheme: Steel Blue and Gold.
  Change the values here to re-colour the whole website.
  Note: the variable names are historical. --red is the ACCENT colour (gold) used for
  buttons, badges and highlights. It is called --red because the first version used red.
*/
:root {
  /* Blues */
  --navy: #4a84b8;   /* main blue: banners, tiles, cards' gradients */
  --deep: #3b6f9e;   /* header and darker panels */
  --ink-d: #2c5a85;  /* footer and darkest blue */
  --mid: #6a9fd0;    /* highlight glow in the hero */
  --lnk: #2c5a85;    /* links and small headings on light backgrounds */

  /* Accent (gold) */
  --red: #e0a526;    /* buttons, Coming soon badge, active menu underline */
  --ctat: #2b1d00;   /* text colour on accent buttons */
  --tag: #8a6100;    /* small category labels (darker gold, readable on white) */

  /* Light text on dark blue */
  --lt: #d2e2f1;
  --lt2: #e4eef7;
  --lt3: #ffe2a0;

  /* Light backgrounds */
  --bg: #fff;        /* page background */
  --card: #fff;      /* cards */
  --tint: #e0ebf5;   /* alternate section background */
  --pale1: #d6e5f2;  /* image placeholder gradient */
  --pale2: #adc9e2;
  --grey: #a7a9ac;

  /* Text and lines */
  --ink: #14212b;    /* main text */
  --mute: #566878;   /* secondary text */
  --line: #c6d8e8;   /* borders */
}