/* ===== light theme: generated overrides (gen-theme.py) ===== */
html[data-theme="light"] {
  --bg: #f6f6f4;
  --surface: #ffffff;
  --card: #ffffff;
  --card-2: #f2f0ea;
  --line: rgba(20, 22, 30, 0.10);
  --text: #17171c;
  --muted: #5b5f68;
  color-scheme: light;
}
html[data-theme="light"] .ach-card { background: #efede8; }
html[data-theme="light"] .ach-card.earned .ach-name { color: #17171c; }
html[data-theme="light"] .ach-desc { color: #5b5f68; }
html[data-theme="light"] .ach-error { color: #5b5f68; }
html[data-theme="light"] #ach-locked { background: #efede8; }
html[data-theme="light"] #ach-locked p { color: #5b5f68; }
html[data-theme="light"] .ach-modal-card { background: #efede8; }
html[data-theme="light"] .ach-modal-desc { color: #5b5f68; }
html[data-theme="light"] .bolt-bubble { color: #17171c; }
html[data-theme="light"] #bolt-world { color: #17171c; }
html[data-theme="light"] .bw-close { color: #17171c; }
html[data-theme="light"] .bw-status { color: #17171c; }
html[data-theme="light"] .bw-btn.ghost { color: #5b5f68; }
html[data-theme="light"] .bw-qa { background: #ffffff; color: #17171c; }
html[data-theme="light"] .bw-mic { color: #17171c; }
html[data-theme="light"] .bw-input { background: #ffffff; color: #17171c; }
html[data-theme="light"] .bw-letsgo span { color: #17171c; }
html[data-theme="light"] #bolt-studio { color: #17171c; }
html[data-theme="light"] .bs-input { color: #17171c; }
html[data-theme="light"] .bs-mode { background: #ffffff; color: #17171c; }
html[data-theme="light"] .bs-look img { background: #f6f6f4; }
html[data-theme="light"] .cp-name { color: #17171c; }
html[data-theme="light"] .cp-change { color: #17171c; }
html[data-theme="light"] .cp-card { color: #17171c; }
html[data-theme="light"] .pr-type { background: var(--card, #ffffff); }
html[data-theme="light"] .pr-celebrate b { color: #17171c; }
html[data-theme="light"] .streak-card { background: var(--card, #ffffff); }
html[data-theme="light"] .onerm-card { background: var(--card, #ffffff); }
html[data-theme="light"] .onerm-inputs input { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .onerm-max b { color: #17171c; }
html[data-theme="light"] .onerm-row .bar { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .featB-card input[type="text"], html[data-theme="light"] .featB-card input[type="number"], html[data-theme="light"] .featB-card input[type="date"], html[data-theme="light"] .featB-card input[type="time"], html[data-theme="light"] .featB-card select { background: #edebe5; }
html[data-theme="light"] .featB-qbtn { background: #edebe5; }
html[data-theme="light"] .featB-item { background: #edebe5; }
html[data-theme="light"] .featB-chart { background: #edebe5; }
html[data-theme="light"] .featB-latest span { background: #edebe5; }
html[data-theme="light"] .featC-card { background: var(--card, #ffffff); }
html[data-theme="light"] .wreport-card { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] #featC-ready-sec .sensor-lock, html[data-theme="light"] #featC-deload-sec .sensor-lock, html[data-theme="light"] #featC-wreport-sec .sensor-lock { background: var(--card, #ffffff); }
html[data-theme="light"] .lab-form input { border: 1px solid var(--border, #e3ded3); background: var(--input-bg, #edebe5); }
html[data-theme="light"] .lab-verdict-hard { background: #e6f4ea; }
html[data-theme="light"] .lab-verdict-light { background: #f5f0dc; }
html[data-theme="light"] .lab-verdict-rest { background: #fbe9e7; }
html[data-theme="light"] .lf-card { background: #ffffff; color: #17171c; }
html[data-theme="light"] .lf-select { background: #edebe5; color: #17171c; }
html[data-theme="light"] .lf-btn-ghost { background: #edebe5; color: #17171c; }
html[data-theme="light"] .lf-btn-ghost:active { background: #edebe5; }
html[data-theme="light"] .lf-pill { background: #edebe5; color: #17171c; }
html[data-theme="light"] .lf-pill.active { color: #17171c; }
html[data-theme="light"] .lf-mode-btn { background: #edebe5; }
html[data-theme="light"] .lf-metric { background: #edebe5; }
html[data-theme="light"] .lf-reps { color: #17171c; }
html[data-theme="light"] .lf-cue { color: #17171c; }
html[data-theme="light"] .lf-sum-cell { background: #edebe5; }
html[data-theme="light"] .fscan-mini { color: #17171c; }
html[data-theme="light"] .scan-box { background: #f6f6f4; }
html[data-theme="light"] .scan-close:active { color: #17171c; }
html[data-theme="light"] .scan-manual-row input { background: #f6f6f4; color: #17171c; }
html[data-theme="light"] .scan-grade { color: #17171c; }
html[data-theme="light"] .scan-grade-label b { color: #17171c; }
html[data-theme="light"] .scan-nutri { background: #f6f6f4; }
html[data-theme="light"] .scan-nova { background: #f6f6f4; }
html[data-theme="light"] .scan-info-btn:active { color: #17171c; }
html[data-theme="light"] .scan-about-title { color: #17171c; }
html[data-theme="light"] .scan-about-body p { color: #4c5058; }
html[data-theme="light"] .scan-about-body p b { color: #17171c; }
html[data-theme="light"] .mm-refresh { color: #17171c; }
html[data-theme="light"] .photo-compare-btn { background: #edebe5; border: 1px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .cmp-close { background: #edebe5; border: 1px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .cmp-pick select { background: #ffffff; border: 1px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .cmp-stage { border: 1px solid #e3ded3; }
html[data-theme="light"] .tab { color: #5b5f68; }
html[data-theme="light"] .promo-row input { background: #f6f6f4; color: #17171c; }
html[data-theme="light"] .sheet-overlay { background: var(--bg, #f6f6f4); }
html[data-theme="light"] .referral-link { background: #f6f6f4; }
html[data-theme="light"] .rs-sheet { background: #ffffff; border-top: 1px solid #e3ded3; }
html[data-theme="light"] .rs-grip { background: #edebe5; }
html[data-theme="light"] .rs-title { color: #17171c; }
html[data-theme="light"] .rs-label { color: #4c5058; }
html[data-theme="light"] .rs-input { background: #ffffff; border: 1px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .rs-cancel { background: #edebe5; color: #4c5058; }
html[data-theme="light"] .rt-fab { background: #edebe5; color: #17171c; }
html[data-theme="light"] .rt-card { background: #ffffff; border: 1px solid #e3ded3; }
html[data-theme="light"] .rt-label { color: #5b5f68; }
html[data-theme="light"] .rt-time { color: #17171c; }
html[data-theme="light"] .rt-presets button { border: 1px solid #e3ded3; background: #edebe5; color: #5b5f68; }
html[data-theme="light"] .rt-presets button.on { color: #17171c; background: #fbe9e7; }
html[data-theme="light"] .rt-actions .btn-ghost { color: #5b5f68; border: 1px solid #e3ded3; }
html[data-theme="light"] .rw-card { background: var(--card-bg, #ffffff); border: 1px solid var(--border, #e3ded3); }
html[data-theme="light"] .rw-divider { border-top: 1px solid var(--border, #e3ded3); }
html[data-theme="light"] .rw-reward { border-bottom: 1px solid var(--border, #e3ded3); }
html[data-theme="light"] .set-rw-tier { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .set-rw-tiers { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .set-rw-bar { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .set-rw-badge { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .set-card { background: #ffffff; border: 1px solid #e3ded3; }
html[data-theme="light"] .set-title { color: #17171c; }
html[data-theme="light"] .set-label { color: #4c5058; }
html[data-theme="light"] .set-input { background: #ffffff; border: 1px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .set-row b { color: #17171c; }
html[data-theme="light"] .set-switch { border: 1px solid #e3ded3; background: #edebe5; }
html[data-theme="light"] .set-knob { background: #c8c3b6; }
html[data-theme="light"] .set-switch[aria-checked="true"] { background: #fbe9e7; }
html[data-theme="light"] .set-profile { background: #ffffff; border: 1px solid #e3ded3; }
html[data-theme="light"] .set-id b { color: #17171c; }
html[data-theme="light"] .set-id small { color: #5b5f68; }
html[data-theme="light"] .set-mbadge { color: #5b5f68; border: 1px solid #e3ded3; }
html[data-theme="light"] .sk-avatar-btn { background: #ffffff; }
html[data-theme="light"] .sk-bubble { background: #edebe5; border: 1px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .sk-chat { background: #f6f6f4; border: 1px solid #e3ded3; }
html[data-theme="light"] .sk-chat-head { border-bottom: 1px solid #e3ded3; background: #ffffff; }
html[data-theme="light"] .sk-chat-id b { color: #17171c; }
html[data-theme="light"] .sk-chat-id small { color: #5b5f68; }
html[data-theme="light"] .sk-chat-x { color: #5b5f68; }
html[data-theme="light"] .sk-chat-x:active { color: #17171c; }
html[data-theme="light"] .sk-assistant { background: #edebe5; border: 1px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .sk-typing span { background: #c8c3b6; }
html[data-theme="light"] .sk-chat-bar { border-top: 1px solid #e3ded3; background: #ffffff; }
html[data-theme="light"] .sk-chat-bar input { background: #ffffff; border: 1px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .sk-preview { background: #ffffff; border: 1px solid #e3ded3; }
html[data-theme="light"] .sk-preview b { color: #17171c; }
html[data-theme="light"] .sk-arch { background: #ffffff; border: 2px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .sk-vibe { background: #ffffff; border: 2px solid #e3ded3; color: #17171c; }
html[data-theme="light"] .sk-vibe small { color: #5b5f68; }
html[data-theme="light"] .skel-card { background: var(--card, #ffffff); }
html[data-theme="light"] .hero-head { color: #17171c; }
html[data-theme="light"] .join-dismiss:active { color: #17171c; }
html[data-theme="light"] .fw-stat b { color: #17171c; }
html[data-theme="light"] .fw-tab.on { background: #edebe5; }
html[data-theme="light"] #uo-install-banner { background: #ffffff; }
html[data-theme="light"] #uo-install-banner .ib-text b { color: #17171c; }
html[data-theme="light"] #uo-install-ios-hint { background: #ffffff; }
html[data-theme="light"] #uo-install-ios-hint b { color: #17171c; }
html[data-theme="light"] #boot-splash .splash-word { color: #17171c; }
html[data-theme="light"] #uo-boot-error { background: #fbe9e7; color: #17171c; }
html[data-theme="light"] .seg-wrap { background: var(--bg, #f6f6f4); }
html[data-theme="light"] .seg { background: var(--card, #ffffff); }
html[data-theme="light"] .more-row { background: var(--card, #ffffff); }
html[data-theme="light"] #uo-toast { background: #edebe5; }
html[data-theme="light"] .cmodal-sheet { background: var(--card, #ffffff); }
html[data-theme="light"] .cmodal-btn { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .track-hero-head { color: #17171c; }
html[data-theme="light"] .output-stat b { color: #17171c; }
html[data-theme="light"] .plan-block-text h3 { color: #17171c; }
html[data-theme="light"] .plan-inputs > h3 { color: #17171c; }
html[data-theme="light"] .live-map { background: #f6f6f4; }
html[data-theme="light"] .ta-timer { color: #17171c; }
html[data-theme="light"] .ta-btn { background: #edebe5; }
html[data-theme="light"] .done-panel h3 { color: #17171c; }
html[data-theme="light"] .tm-pill { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .tm-card { background: var(--card, #ffffff); }
html[data-theme="light"] .tm-card-photo { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .tm-chips i { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .tm-profile { background: var(--card, #ffffff); }
html[data-theme="light"] .tm-profile-photo { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .tm-dash { background: var(--card, #ffffff); }
html[data-theme="light"] .tm-earn { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .tm-sess { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .tm-sess-card { background: var(--card, #ffffff); }
html[data-theme="light"] .tm-sess-photo { background: var(--card-2, #f2f0ea); }
html[data-theme="light"] .tm-day { background: var(--card, #ffffff); }
html[data-theme="light"] .tm-slot { background: var(--card, #ffffff); }
html[data-theme="light"] .vc-card { background: #ffffff; color: #17171c; }
html[data-theme="light"] .vc-switch { background: #ffffff; }
html[data-theme="light"] .vc-switch .vc-knob { background: #c8c3b6; }
html[data-theme="light"] .vc-seg { background: #edebe5; }

/* ===== light theme: manual fixes ===== */
html[data-theme="light"] body { background: var(--bg); }
html[data-theme="light"] .set-mbadge { background: rgba(0,0,0,0.05); border-color: #e3ded3; }
html[data-theme="light"] .sheet-overlay { background: rgba(246,246,244,0.98); }
html[data-theme="light"] .ach-card.locked { background: #f2f0ea; }
html[data-theme="light"] input::placeholder, html[data-theme="light"] textarea::placeholder { color: #9aa0ab; }
html[data-theme="light"] img, html[data-theme="light"] video, html[data-theme="light"] iframe { filter: none; }
html[data-theme="light"] .btn-red, html[data-theme="light"] .set-btn.btn-red { color: #fff; }
html[data-theme="light"] .seg-btn.on { color: #fff; }

/* ===== light theme: Clean Athlete reskin ===== */
/* Pill chat bubbles */
html[data-theme="light"] .sk-msg,
html[data-theme="light"] .bw-turn .bubble-bolt,
html[data-theme="light"] .bw-turn.me .bubble-me,
html[data-theme="light"] .bolt-bubble,
html[data-theme="light"] .msg.user { border-radius: 20px; }
html[data-theme="light"] .sk-user { box-shadow: 0 2px 8px rgba(13,157,108,.25); }
html[data-theme="light"] .sk-assistant { box-shadow: 0 2px 8px rgba(23,23,28,.06); }
/* Bolt chat light fixes (the generator skips gradient backgrounds) */
html[data-theme="light"] .bw-turn .bubble-bolt { background: #ffffff; border-color: #e3ded3; box-shadow: 0 2px 8px rgba(23,23,28,.06); }
html[data-theme="light"] .bolt-bubble { background: #ffffff; box-shadow: 0 4px 16px rgba(23,23,28,.10); }
/* Pill CTAs */
html[data-theme="light"] .btn-red, html[data-theme="light"] .today-cta,
html[data-theme="light"] .ob-cta, html[data-theme="light"] .shop-btn,
html[data-theme="light"] .quick-send, html[data-theme="light"] .rs-primary,
html[data-theme="light"] .bw-btn, html[data-theme="light"] .seg-btn,
html[data-theme="light"] #uo-install-banner .ib-install,
html[data-theme="light"] .pc-toggle button, html[data-theme="light"] .preset-grid button,
html[data-theme="light"] .photo-upload-card button, html[data-theme="light"] .exlib-pill,
html[data-theme="light"] .lf-pill { border-radius: 20px; }
/* Soft card shadows */
html[data-theme="light"] .mission-card, html[data-theme="light"] .more-row,
html[data-theme="light"] .featB-card, html[data-theme="light"] .ach-card,
html[data-theme="light"] .streak-card, html[data-theme="light"] .onerm-card,
html[data-theme="light"] .today-workout, html[data-theme="light"] .bw-mission,
html[data-theme="light"] .bs-card, html[data-theme="light"] .cp-card
  { box-shadow: 0 2px 14px rgba(23,23,28,.06); }
/* Light tab bar, green active tab */
html[data-theme="light"] .tabbar { background: rgba(255,255,255,.94); border-top: 1px solid #e3ded3; box-shadow: 0 -8px 24px rgba(23,23,28,.06); }
html[data-theme="light"] .tabbar::before { display: none; }
html[data-theme="light"] .tab { color: #8a8a92; }
html[data-theme="light"] .tab.on { background: rgba(13,157,108,.12); color: var(--accent); box-shadow: inset 0 2px 0 var(--accent); }
html[data-theme="light"] .tab.on::after { background: var(--accent); box-shadow: 0 0 8px var(--accent); }
/* Boot splash follows the light default */
html[data-theme="light"] #boot-splash { background: #f6f6f4; }