:root {
  --btn-green: rgb(8, 37, 27);
  --btn-highlight: rgb(243, 146, 0);
  --btn-sage-dk: rgb(104, 137, 102);
  --btn-sage-md: rgb(149, 175, 146);
  --btn-sage-lt: rgb(209, 222, 206);

  /* Midpoint between --btn-green and --btn-sage-dk - used for primary
     buttons/actions in the admin area, which read as too near-black against
     --btn-green but still needed to stay a recognisable brand green. */
  --btn-green-mid: rgb(56, 87, 64);

  /* Muted blue-teal that sits alongside the sage greens without the loud
     default Bootstrap blue. Used for the "pay by card" affordance and, via
     --btn-link in app.css, for content links. */
  --btn-blue: rgb(47, 111, 143);
  --btn-blue-dk: rgb(38, 92, 119);
}