/* Explicitly included only by COMMON_HEAD and the nine legacy tool pages.
   UI palette only: do not change SVG/map fills, strokes, or planet-series tokens. */
html[data-theme="light"] {
  color-scheme: light;
  --void: #f7f5ef;
  --cosmos: #f7f5ef;
  --nebula: #eeece5;
  --surface: #fffefb;
  --card-bg: #fffefb;
  --text: #202338;
  --text-dim: #465266;
  --text-muted: #505a6b;
  --muted: #505a6b;
  --gold: #795710;
  --gold-bright: #684a0c;
  --gold-dim: #795710;
  --cyan: #795710;
  --purple: #795710;
  --purple-bright: #684a0c;
  --teal: #17655f;
  --rose: #b42341;
  --glass: rgba(255,254,251,.78);
  --glass-border: #a5adba;
  --border: #a5adba;
  --border-hover: #795710;
  --shadow: 0 8px 28px rgba(32,35,56,.10);
}
html[data-theme="light"] body {
  background: var(--void);
  color: var(--text);
}
html[data-theme="light"] :is(.site-header, .summary-card, .city-suggestions, .detail-panel, #cookie-banner, .cookie-banner) {
  background: var(--surface);
  color: var(--text);
}
html[data-theme="light"] :is(.lang-sw-btn, .lang-dd, .lang-dd a) {
  color: var(--text);
  background: var(--surface);
  border-color: var(--border);
}
html[data-theme="light"] .lang-dd a:hover { color: var(--gold); background: var(--nebula); }
html[data-theme="light"] :is(.btn-primary, .upsell-btn, .cookie-accept, #cookie-banner button:not(.deny)) {
  background: #e6c878;
  color: #171509;
  border-color: #e6c878;
}
html[data-theme="light"] .upsell-btn-outline {
  background: transparent;
  color: var(--gold);
  border-color: var(--gold);
}
/* Textual status labels keep their meanings with darker accessible tones. */
html[data-theme="light"] :is(.energy-high, .list-card.do-list h3) { color: #17653c; }
html[data-theme="light"] .energy-moderate { color: #805000; }
html[data-theme="light"] :is(.energy-low, .list-card.dont-list h3) { color: #b42341; }

/* Existing predictive endpoints return dark SVGs; preserve their local canvas
   and fallback-message palette instead of changing encoded result colors. */
html[data-theme="light"] .chart-frame {
  --text: #e8e6f0;
  --text-dim: #c1bed3;
  --text-muted: #a9a4c0;
  --muted: #a9a4c0;
  --gold: #f2cc76;
  background: #0a0a1a;
  color: var(--text);
}