/* =========================================================
   ACCENT SYSTEM · build 10d · option E (chosen by Sonia, Oct 10 2026)
   Warm neutrals   #FCFAF7 ivory · #F4F1EB gallery · #ECE0CF sand
   Cool counterpoint #E3E6E6 slate mist (from the deep slate #4D5861)
   Dark            #1E1217 near-black (as on the story pages) · ink #3C2833 aubergine
   ACCENT          coral, used ONLY on action buttons.
     #B35745 = Sonia's coral #B95B49 taken 2% darker so white button text
     passes WCAG AA (4.62:1; #B95B49 measured 4.33:1). Visually the same hue.
   Tension comes from scarcity (coral appears only where you act), value
   contrast (coral on near-black) and temperature (coral next to the cool band).
   ========================================================= */
:root{ --accent:#B35745; --accent-hover:#9E4A3A; --accent-ink:#FCFAF7; --dark:#1E1217; --cool:#E3E6E6; }

/* dark blocks: aubergine → near-black. Inline styles are left untouched on purpose
   (older generated contrast rules match on their text), so this overrides them here. */
html body [style*="background:#3C2833"], html body [style*="background: #3C2833"],
html body [style*="background-color:#3C2833"], html body [style*="background:var(--indigo)"],
html body [style*="background: var(--indigo)"]{ background-color:var(--dark) !important; }

/* coral: action buttons only */
html body .cta-strip a, html body a.cta-btn, html body a.cta, html body a.btn-primary,
html body a.pt-cta, html body a.fsi-cta, html body a.cta-unified{
  background:var(--accent) !important; border-color:var(--accent) !important; color:var(--accent-ink) !important;
}
html body .cta-strip a:hover, html body a.cta-btn:hover, html body a.cta:hover, html body a.btn-primary:hover,
html body a.pt-cta:hover, html body a.fsi-cta:hover, html body a.cta-unified:hover{
  background:var(--accent-hover) !important; border-color:var(--accent-hover) !important;
}
html body .cta-strip a:focus-visible, html body a.cta-btn:focus-visible, html body a.cta:focus-visible, html body a.btn-primary:focus-visible,
html body a.pt-cta:focus-visible, html body a.fsi-cta:focus-visible, html body a.cta-unified:focus-visible{
  outline:2px solid var(--accent); outline-offset:3px;
}