/*
 * clincalc docs palette.
 *
 * Brand colour is a deep clinical teal - deliberately not NHS Blue, to avoid
 * any chance of confusion with NHS England's protected identity (which has
 * historically been weaponised against open health-tech projects; see
 * https://openhealthhub.org/t/nhos-closedown-the-final-straw/1385). Teal sits
 * in a different hue family so no plausible screenshot mistakes it for NHS
 * Blue at any size.
 *
 *   --clincalc-teal         deep teal for link text / accents on white (passes WCAG AA)
 *   --clincalc-teal-bright  lifted teal for dark-mode links on slate
 *   --clincalc-teal-dark    reserved for future hover / pressed states
 *
 * The header chrome itself stays neutral (white in light mode, near-black in
 * dark) via the `primary: white` / `primary: black` palette entries in
 * mkdocs.yml; teal reads as an *accent* on links and the brand mark rather
 * than washing the whole header.
 */

:root {
  --clincalc-teal: #0f766e;
  --clincalc-teal-bright: #14b8a6;
  --clincalc-teal-dark: #115e59;
}

[data-md-color-scheme="default"] {
  --md-accent-fg-color: var(--clincalc-teal);
  --md-typeset-a-color: var(--clincalc-teal);
}

[data-md-color-scheme="slate"] {
  /* Lift the teal for comfortable contrast against the slate surface. */
  --md-accent-fg-color: var(--clincalc-teal-bright);
  --md-typeset-a-color: var(--clincalc-teal-bright);
}

/*
 * The logo SVG ships with `fill="currentColor"`, so we pick the colour per
 * scheme. The header is white/near-black, so the logo wants the same colour
 * as accent links to read as one palette.
 */
.md-header__button.md-logo svg,
.md-header__button.md-logo img {
  color: var(--clincalc-teal);
}

[data-md-color-scheme="slate"] .md-header__button.md-logo svg,
[data-md-color-scheme="slate"] .md-header__button.md-logo img {
  color: var(--clincalc-teal-bright);
}