/* Accessibility-only corrections over the historical public stylesheet.
 * Geometry, typography, spacing, imagery and component hierarchy stay intact. */
/* The historical stylesheet defaults to its light theme before the small
 * preference script sets data-theme. Keep that first-paint state accessible
 * as well as an explicit light preference. */
:root:not([data-theme]),
:root[data-theme='light'] {
  --muted: hsl(191 9% 35%);
  --subtle: hsl(191 9% 35%);
  --accent: hsl(179 88% 25%);
  --accent-strong: hsl(178 91% 20%);
  --on-accent: hsl(180 20% 97%);
}

:root:not([data-theme]) .button.primary,
:root[data-theme='light'] .button.primary,
:root:not([data-theme]) .privacy-node-core,
:root[data-theme='light'] .privacy-node-core {
  color: hsl(180 20% 97%);
}

:root:not([data-theme]) .privacy-node-core small,
:root[data-theme='light'] .privacy-node-core small {
  color: hsl(180 20% 97%);
}

:root:not([data-theme]) .hero-caption,
:root:not([data-theme]) .browser-top,
:root:not([data-theme]) .hero-browser-compat,
:root[data-theme='light'] .hero-caption,
:root[data-theme='light'] .browser-top,
:root[data-theme='light'] .hero-browser-compat {
  color: hsl(191 10% 31%);
}

:root:not([data-theme]) .privacy-number,
:root[data-theme='light'] .privacy-number {
  color: hsl(18 88% 35%);
}