/* v25.47: explicit theme contract for Mutual Funds. */
html[data-theme="light"] { color-scheme: light; --bg:#f4f7fb; --surface:#fff; --surface-soft:#f8fafc; --text:#111827; --muted:#667085; --border:#e4e7ec; }
html[data-theme="dark"] { color-scheme: dark; --bg:#08111f; --surface:#101a2b; --surface-soft:#152238; --text:#e5edf7; --muted:#9fb0c7; --border:#28374d; --accent:#2dd4bf; --accent-dark:#14b8a6; }
html[data-theme="light"] body, html[data-theme="dark"] body { background:var(--bg); color:var(--text); }
html[data-theme="dark"] .data-freshness { background:var(--surface); border-color:var(--border); }

/* v25.48: the page uses --bg; the former override set --background instead,
   leaving the Mutual Funds page visibly light while the control said Dark. */
html[data-theme="light"] { color-scheme: light; --bg:#f4f7fb; --surface:#fff; --surface-soft:#f8fafc; --text:#111827; --muted:#667085; --border:#e4e7ec; }
html[data-theme="dark"] body { background: radial-gradient(circle at 90% 0, rgba(45,212,191,.08), transparent 28rem), var(--bg); }