/* ==========================================================================
   New color palette — sage/teal/olive/rust, replacing the navy system.
   Loaded on home.html (and other pages as they're rolled out) but not
   index.html — the cover page stays on the studio's original navy.
   Redeclares the same --cream/--paper/--ink/--ink-soft names style.css
   defines (source order wins, same pattern used for earlier staged
   overrides) and introduces the new tokens.

   Contrast note: the requested --olive (#8DA23E) is only ~2.4:1 against
   --cream/--paper — well under the 4.5:1 WCAG AA minimum for text, and
   under the 3:1 minimum for non-text UI (borders/indicators) too. Kept
   as-is for decorative use (button fills, the logo mark, dashed lines)
   where it reads as intended, but actual link/button text and hover
   borders route through --olive-text instead — a darkened variant of
   the same hue at ~4.6:1, comfortably passing AA. Ink-on-cream/paper
   and ink-on-olive (used for button label text) both clear 5:1+.
   ========================================================================== */

:root {
  --cream: #EDEEDD;
  --paper: #F4F3E9;
  --sage: #B7CDB0;
  --teal: #7FB8A6;
  --olive: #8DA23E;
  --olive-text: #5F7228;
  --olive-faint: rgba(141, 162, 62, 0.15);
  --olive-soft: rgba(141, 162, 62, 0.45);
  --ink: #2B2A22;
  --ink-soft: rgba(43, 42, 34, 0.6);
  --rust: #A9673D;

  /* style.css's component rules (buttons, links, nav hover, view-all,
     dashed dividers, hairline borders) are all written against
     --navy/--navy-faint/--navy-soft — that file isn't being touched yet
     (it's still shared by pages that haven't moved to this palette), so
     every one of those rules is redirected here by aliasing the old
     names to the new accessible values instead. --olive-text (not the
     brighter --olive) is what --navy resolves to, since most of those
     rules render actual text or an interactive indicator that needs
     real contrast — --olive itself stays reserved for purely decorative,
     non-text uses (the logo mark, the mesh-gradient blobs), which are
     wired to it directly rather than through this alias. */
  --navy: var(--olive-text);
  --navy-faint: var(--olive-faint);
  --navy-soft: var(--olive-soft);
}