Problem
light-brand and light-brand-text are both #f0bf6c (gold), the same value used in dark mode. On a white/light background this gives ~2.5:1 contrast ratio — WCAG requires 4.5:1 for normal text.
Affects: heading highlights, button borders, social icons, hr-line, and anything using .highlight.
Fix
Use a darker gold in scss/theming/colorDefinitions.scss for the light theme:
light-brand: #a07020,
light-brand-text: #a07020,
Dark theme values stay unchanged at #f0bf6c.
Problem
light-brandandlight-brand-textare both#f0bf6c(gold), the same value used in dark mode. On a white/light background this gives ~2.5:1 contrast ratio — WCAG requires 4.5:1 for normal text.Affects: heading highlights, button borders, social icons, hr-line, and anything using
.highlight.Fix
Use a darker gold in
scss/theming/colorDefinitions.scssfor the light theme:Dark theme values stay unchanged at
#f0bf6c.