/* ==========================================================================
   Accessibility: colour contrast corrections
   --------------------------------------------------------------------------
   Measured against WCAG 2.1 SC 1.4.3 (4.5:1 for normal text, 3:1 for large).
   Only the accent colours used for TEXT ON LIGHT BACKGROUNDS are changed
   here. The dusty rose (#d98f9d) stays exactly as it is everywhere it is
   decorative: borders, icons, rules, shadows, fills and any label sitting on
   a dark panel. Those all pass already.

   Loaded last so it wins the cascade without editing the 180+ decorative
   uses of the rose elsewhere.

   Replacement token is --lux-pink (#b02e52), which is already part of the
   palette in premium.css, so no new colour is introduced.

     .hub-kicker                     rose on cream #f3e9e2 ....  2.10 -> 5.23
     .guided-meditation__eyebrow     rose on paper gradient ....  2.42 -> 6.03
     nav .nav-cta (resting state)    lux-rose on nav #faf5f1 ...  2.55 -> 6.03
   ========================================================================== */

body .hub-kicker,
html body .hub-kicker {
  color: #b02e52 !important;
}

body .guided-meditation__eyebrow,
html body .guided-meditation__eyebrow {
  color: #b02e52 !important;
}

/* The "Get Support" nav button in its resting state. The hover/focus state
   already flips to a filled rose background with charcoal text (6.79:1) and
   is left untouched. */
body > nav .nav-links .nav-cta,
html body > nav .nav-links .nav-cta {
  color: #b02e52 !important;
}

/* ==========================================================================
   Accessibility: visible keyboard focus
   --------------------------------------------------------------------------
   WCAG 2.1 SC 2.4.7 Focus Visible and SC 1.4.11 Non-text Contrast.

   This section used to correct `summary.guide-head`, the control a keyboard
   user tabbed to in order to open each guide accordion. The hubs no longer
   use accordions: every guide is a link card to its own page, and no
   `summary.guide-head` exists on the site any more, so that rule is gone.

   The ring itself now lives where it belongs, on the site-wide
   `:focus-visible` rule in premium.css, and is set to #b02e52 there. It could
   not be corrected from this file: that rule is `!important`, and !important
   beats a plain declaration whatever the specificity or load order, so
   anything written here would have lost.

   What is still worth having here is the fallback below, because premium.css
   only styles `:focus-visible`.
   ========================================================================== */

/* Safari before 15.4 does not support :focus-visible, so those users get no
   ring at all from premium.css. Give them one on plain :focus instead. */
@supports not selector(:focus-visible) {
  body :is(a, button, input, textarea, select, summary):focus {
    outline: 3px solid #b02e52;
    outline-offset: 3px;
  }
}