/* Loaded after page styles so every installed page shares the light palette. */
html:root[data-theme="light"] {
  color-scheme:light;
  --bg:#f4f7fb;--bg-soft:#eaf0f7;
  --surface:#ffffff;--surface2:#f0f4f9;--surface3:#e5edf6;
  --text:#182538;--muted:#526277;--line:#c8d4e2;
  --accent:#086b91;--accent2:#5944ad;
  --good:#147447;--bad:#b42345;--warn:#8a5700;
  --shadow:0 18px 50px rgba(30,55,85,.12);
}
html[data-theme="light"] body {background:var(--bg);color:var(--text)}
html[data-theme="light"] :is(input,select,textarea) {color-scheme:light}
html[data-theme="light"] :is(input,textarea)::placeholder {color:#65758a;opacity:1}
html[data-theme="light"] .utility-shell :is(input,select,textarea) {color:var(--text)}
html[data-theme="light"] :is(#bmiApp,#bmrApp,#calApp,#healthyApp,#heartApp,#idealApp,#lbmApp,#sleepApp,#tdeeApp,#waterApp,#gainApp,#lossApp) :is(#bmiCalculate,#bmrCalculate,#calCalculate,#hwCalculate,#hrCalculate,#iwCalculate,#lbmCalculate,#sleepCalculate,#tdeeCalculate,#waterCalculate,#gainCalculate,#lossCalculate,button[id$="Calculate"],.hw-button,.hr-button,.iw-button,.lbm-button) {
  background:linear-gradient(110deg,var(--accent),var(--accent2))!important;
  color:#fff!important;
}
html[data-theme="light"] .utility-shell :is(button.selected,button.is-active,button[aria-pressed="true"]) {
  color:var(--text);
}
html[data-theme="light"] .utility-shell :is(.bmr-gender.selected,.bmi-gender.selected,.sleep-mode button[aria-pressed="true"]) {
  background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important;
}
html[data-theme="light"] :is(.seo-side-card,.calc-card,.static-page,.category-panel) {color:var(--text)}
html[data-theme="light"] .related a:hover {background:#e9f2f8;color:#075776}
html[data-theme="light"] .lumina-card :is(.key-equals,.lumina-equals,[data-key="="],.tip-presets button.active) {color:#fff}
html[data-theme="light"] .lumina-modes button.active {color:#fff;background:var(--accent)}
html[data-theme="light"] :is(.policy-updated,.breadcrumb) {color:var(--muted)}

/* SVG presentation attributes are independent of the surrounding text color. */
html[data-theme="light"] :is(#bmrApp #bmrMeterSvg,#tdeeApp #tdeeGauge) text,
html[data-theme="light"] :is(#bmrApp #bmrValue,#tdeeApp #tdeeValue,#bmiApp #bmiGaugeValue),
html[data-theme="light"] #idealApp .iw-arc-label {fill:#182538!important}
html[data-theme="light"] :is(#bmrMeterSvg,#tdeeGauge) [stroke^="rgba(255"] {stroke:#526277}
html[data-theme="light"] :is(#bmrApp #bmrNeedle,#tdeeApp #tdeeNeedle,#bmiApp #bmiGaugeNeedle) path {fill:#182538!important}
html[data-theme="light"] :is(#bmrMeterSvg,#tdeeGauge)>circle[fill="white"] {fill:#182538}
html[data-theme="light"] :is(#bmrMeterSvg,#tdeeGauge) circle[fill="#0b7395"] {fill:#ffffff}
html[data-theme="light"] :is(#bmiAppGauge,#iwGauge) [fill="#ccc"],
html[data-theme="light"] #idealApp .iw-hub-bg {fill:#dce5ef}
html[data-theme="light"] :is(#bmiGaugeNeedle,#iwNeedle,#hwNeedle,#hrNeedle,#lbmNeedle) circle {fill:#fff;stroke:#182538;stroke-width:3}
html[data-theme="light"] :is(.hw-track,.hr-track,.iw-bmi-track,.lbm-track) {stroke:#dce5ef!important}
html[data-theme="light"] :is(#bmiAppGauge,#bmrMeterSvg,#tdeeGauge,#iwGauge,#hwGauge,#hrGauge) [stroke="#44ade1"],
html[data-theme="light"] :is(#bmrMeterSvg,#tdeeGauge) [stroke="#75c5e7"] {stroke:#a7d9ee}
html[data-theme="light"] :is(#bmrMeterSvg,#tdeeGauge) [stroke="#9ec63b"] {stroke:#c2dea2}
html[data-theme="light"] :is(#bmrMeterSvg,#tdeeGauge) [stroke="#f2bf2e"] {stroke:#f5d785}
html[data-theme="light"] :is(#bmrMeterSvg,#tdeeGauge) [stroke="#48b974"] {stroke:#a5d8b4}
html[data-theme="light"] :is(#bmrMeterSvg,#tdeeGauge) [stroke="#f39a3b"] {stroke:#f4c295}
html[data-theme="light"] :is(#bmrMeterSvg,#tdeeGauge) [stroke="#f07174"] {stroke:#efb2ba}
html[data-theme="light"] #idealApp .iw-bmi-band[stroke="#087cff"] {stroke:#95c9ed}
html[data-theme="light"] #idealApp .iw-bmi-band[stroke="#00aa50"] {stroke:#a5d8b4}
html[data-theme="light"] #idealApp .iw-bmi-band[stroke="#ff8a2a"] {stroke:#f4c295}
html[data-theme="light"] #bmiApp #bmiGaugeArcs path:nth-child(1) {fill:#95c9ed}
html[data-theme="light"] #bmiApp #bmiGaugeArcs path:nth-child(2) {fill:#a5d8b4}
html[data-theme="light"] #bmiApp #bmiGaugeArcs path:nth-child(3) {fill:#f4c295}
html[data-theme="light"] #bmiApp :is(.bmi-arc-label,#bmiGaugeTicks text) {fill:#34465d!important}
html[data-theme="light"] :is(#hwGauge,#hrGauge) text {fill:#34465d}
html[data-theme="light"] :is(.hw-needle,.hr-needle,.iw-needle) {filter:drop-shadow(0 2px 3px rgba(30,55,85,.18))}
html[data-theme="light"] #lbmGradient stop:nth-child(1) {stop-color:#08779c}
html[data-theme="light"] #lbmGradient stop:nth-child(2) {stop-color:#168b85}
html[data-theme="light"] #lbmGradient stop:nth-child(3) {stop-color:#287bba}