/* ==========================================================
   HALA — contrast corrections
   Two measured failures, fixed at the token level so the change
   follows the theme instead of fighting it:

   1. Secondary text (#867A7B on white) sat at 4.13:1, just under
      the 4.5:1 that WCAG AA asks for body text. Darkened slightly
      in the light theme only — the dark theme already passes at
      5.85:1 and is left alone.

   2. In the dark theme the filled red used for buttons and tags
      lightens to #E2536B, and white text on it drops to 3.69:1.
      Filled red surfaces now use their own token, dark enough to
      carry white text, while red *text* keeps the lighter tone it
      needs against a dark background.
   ========================================================== */

:root{
  --text-soft:#7A6E6F;
  --red-fill:var(--red);
}

@media (prefers-color-scheme: dark){
  :root{
    --text-soft:#9C8B8C;      /* unchanged: already 5.85:1 on --bg */
    --red-fill:#C0394F;       /* white on this is 5.3:1 */
  }
}

:root[data-theme="dark"]{
  --text-soft:#9C8B8C;
  --red-fill:#C0394F;
}

:root[data-theme="light"]{
  --text-soft:#7A6E6F;
  --red-fill:var(--red);
}

/* surfaces that carry white text on red */
.btn-red,
.split-content .tag,
.blog-pagination .current{background:var(--red-fill);}