diff --git a/padelnomics/src/padelnomics/static/css/custom.css b/padelnomics/src/padelnomics/static/css/custom.css index ade5d97..0c5a6e7 100644 --- a/padelnomics/src/padelnomics/static/css/custom.css +++ b/padelnomics/src/padelnomics/static/css/custom.css @@ -45,18 +45,15 @@ } /* Headings — Deep Navy, Inter - Specificity must match Pico's [data-theme=light] h1 (0,1,1) - to win over dark-mode heading colors on dark-OS systems. */ -[data-theme="light"] h1, -[data-theme="light"] h2, -[data-theme="light"] h3, -[data-theme="light"] h4, -[data-theme="light"] h5, -[data-theme="light"] h6 { - --pico-color: #0F172A; - color: #0F172A; + Force heading colors with !important to beat Pico's multi-layer + variable cascade (theme selectors + prefers-color-scheme media). */ +h1, h2, h3, h4, h5, h6 { + color: #0F172A !important; font-family: 'Inter', system-ui, -apple-system, sans-serif; } +h4, h5, h6 { + color: #1E293B !important; +} /* Data & metrics use monospace */ .metric, .mono, [data-mono] {