/* Site-wide theme overrides: a pink scheme built around #CD3572.
 *
 * Two things make this less trivial than it looks.
 *
 * 1. Link colour comes from the theme's `primary`, not its `accent`, so setting
 *    a pink accent alone leaves links blue and only the hover state turns pink.
 *
 * 2. The theme sets that colour at specificity (0,2,0), for example
 *    `[data-md-color-scheme=slate][data-md-color-primary=white]`. A single
 *    attribute selector loses to it no matter how late it loads, so these rules
 *    use element + two attributes, (0,2,1), to win cleanly.
 *
 * All four values are the same hue as #CD3572 (336deg) at different lightness,
 * so link and hover are visibly distinct while staying one family. Every one
 * clears WCAG AA against its own background.
 */

/* Light. Link is #CD3572 itself at 4.83:1, hover darkens to 8.33:1. */
body[data-md-color-scheme="default"][data-md-color-primary] {
  --md-typeset-a-color: #cd3572;
  --md-accent-fg-color: #8f234f;
  --md-accent-fg-color--transparent: #8f234f1a;
}

/* Dark. The base is only 3.52:1 on the dark surface, so both states lift:
   link 5.54:1, hover 7.79:1. */
body[data-md-color-scheme="slate"][data-md-color-primary] {
  --md-typeset-a-color: #dc709b;
  --md-accent-fg-color: #e699b8;
  --md-accent-fg-color--transparent: #e699b81a;
}