html[data-theme="light"] {
    color-scheme: light;
    --bg-gradient: #e7e5ec;
    --card-bg: rgba(255,255,255,.66);
    --card-border: rgba(48,32,73,.15);
    --glass-bg: rgba(244,242,248,.96);
    --text-main: #302044;
    --text-muted: #443454;
}
html[data-theme="light"] body { background-color: #e7e5ec; }
html[data-theme="light"] .search-input { background: rgba(255,255,255,.86); color: #302044; }
html[data-theme="light"] .search-input:focus { background: #fff; }
html[data-theme="light"] .search-input::placeholder { color: #665c72; }
html[data-theme="light"] .chip:not(.active) { background: rgba(48,32,73,.045); color: #443454; }
html[data-theme="light"] .card-title,
html[data-theme="light"] .card-stats,
html[data-theme="light"] .modal-title,
html[data-theme="light"] .modal-stat-value { color: #302044; }
html[data-theme="light"] .card-stats { border-top-color: rgba(48,32,73,.12); }
html[data-theme="light"] .modal-card { background: #f4f2f8; border-color: rgba(48,32,73,.16); }
html[data-theme="light"] .modal-overlay { background: rgba(36,27,50,.58); }
html[data-theme="light"] .modal-stats-grid { background: rgba(48,32,73,.045); border-color: rgba(48,32,73,.1); }
html[data-theme="light"] .modal-close-btn { color: #302044; background: rgba(48,32,73,.09); }
html[data-theme="light"] .btn-secondary { color: #302044; background: rgba(48,32,73,.045); }
html[data-theme="light"] .menu-item { background: rgba(255,255,255,.66); border-color: rgba(48,32,73,.15); }
html[data-theme="light"] img[src="/3dprintwhat_logo_01.png"] { content: url("/3dprintwhat_logo_01_light.png"); }
html[data-theme="light"] .like-heart,
html[data-theme="light"] .heart-list summary > img:first-child { content: url(/heart_icon_light.png); }
.theme-switcher { position:absolute; z-index:6; top:45px; left:calc(50% - 205px); display:flex; }
.theme-toggle { width:44px; height:44px; display:grid; place-items:center; border:0; border-radius:8px; padding:0; background:transparent; cursor:pointer; transition:transform .2s cubic-bezier(.2,1.7,.45,1); -webkit-tap-highlight-color:transparent; }
.theme-toggle img { display:block; width:100%; height:100%; object-fit:contain; }
.theme-toggle:focus-visible { outline:2px solid var(--accent-purple); outline-offset:3px; }
@media (hover:hover) and (pointer:fine) { .theme-toggle:hover { transform:scale(1.08); } }
@media (max-width:720px) { .theme-switcher { top:29px; left:calc(50% - 148px); } .theme-toggle { width:38px; height:38px; } }

@media (max-width:720px) {
  .hero-container .theme-switcher {
    top: 16px;
    left: 8px;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}