/* Accessibility overrides (WCAG 2.2 AA text contrast) — loaded after the Metis theme CSS.
   The theme files under /theme/ stay untouched; every fix lives here.
   Light mode only: brand teal #79C6C0, coral #EB5E5C and grey #999 are too light for text on
   white (1.97 / 3.33 / 2.84:1). They stay for backgrounds, borders and decoration; text uses
   darker shades of the same hues. Dark mode already passes. Audit: axe-core colour-contrast,
   all pages EN/DE/ES, 2026-10-26. */
[data-theme="light"] {
  --color-muted: #55555F;        /* grey text: 2.84 → 7.37:1 on white */
  --color-text-teal: #2A756F;    /* teal text: 1.97 → 5.42:1 */
  --color-text-coral: #C13A38;   /* coral text: 3.33 → 5.34:1 */
}

/* Highlighted words in headings (theme: color: var(--color-secondary)) */
[data-theme="light"] .highlight { color: var(--color-text-teal); }

/* Active main-nav link (text only; the coral underline stays) */
[data-theme="light"] .header__nav-link--active { color: var(--color-text-coral); }

/* Links in legal pages (privacy, cookies, imprint) */
[data-theme="light"] .legal-page__content a { color: var(--color-text-coral); }

/* Active pill tab (Industries, Knowledge): teal background keeps; text black as in dark mode
   (white on teal 1.97 → black on teal 10.65:1) */
[data-theme="light"] .pill-tab--active { color: var(--color-black, #000); }