/* Affiliate 706 — red and blue.
   Loaded AFTER custom\style_custom.css, so it only states what differs from the deployment base:
   the backgrounds, the greys and the text colour are inherited and must not be repeated here.

   THE SPLIT: blue carries the identity, red carries the action. That is the usual way to run two
   strong colours together — one names the brand, the other says "press here" — and it keeps the
   red meaningful instead of competing with itself across the page.

   The selector is :root, :root[data-mode] rather than a bare :root. It makes no difference to the
   legacy variables below — nothing else declares them — but it is the form to keep, because a
   --c-* token added to this file later WOULD lose to design-system.css §36 on a page carrying a
   data-mode attribute, which every page does. */
:root, :root[data-mode] {

  /* The brand: headers, links, the hero ground, primary surfaces. */
  --main-color:   #A75530;
  --header-color: #A75530;

  /* The call to action, in red so it stands out of the blue rather than dissolving into it. */
  --button-color: #A75530;

  /* Highlights: the stepper rail, the current step's disc, progress bars, the focus ring.
     MUST STAY LIGHT — design-system.css §36.3 prints near-black ink (#2A1A00) on this colour.
     A light blue keeps the pair to two hues instead of introducing a third. */
  --hover-color:  #C75E07;
}