/* =========================================================
   COLOURS: the one place to change them.

   1. SITE ACCENT: the colour used across the whole site
      (italic words, links, labels, buttons, filled panels).
   2. PAGE ACCENTS: a page can have its own accent instead.
      Every page is named on its <body> as  page-<name>,
      e.g. page-solutions, page-lean, page-recipes-waffles.

   Change a hex value, save, refresh. That's it.
   The darker shade for small text and the soft tint are
   worked out from this one colour automatically.
   Tip: pick a colour dark enough to read as text on cream
   (the current ones all are).
   ========================================================= */

:root {
  --site-accent: #4b7a63;         /* light mode: forest green */
  --site-accent-night: #f2c98a;   /* dark mode: soft gold, close to the neon sign's warm glow */
}

/* ---------- Page accents ---------- */

/* Chalifour Solutions: its brand blue (from the logo) */
.page-solutions { --page-accent: #0072bb; --page-accent-night: #4fb0f0; }

/* Add more like this:
   .page-lean { --page-accent: #9a5a2c; --page-accent-night: #f0b47e; } */