/* Light surfaces are additive; the original dark design remains authoritative. */
html[data-theme="light"] {
    --bg: #f5f7f9;
    --panel: #fff;
    --panel2: #eef2f6;
    --text: #19232f;
    --muted: #526173;
    --line: #b6c2ce;
    --blue: #165c9f;
    --gold: #7b5900;
    --green: #176d47;
}
html[data-theme="light"] body { background: var(--bg); }
html[data-theme="light"] :is(.site-head,.property-menu,.platform-footer) { background: #fff; }
html[data-theme="light"] :is(.card,.panel,.feature-card,.basics-item) { background: var(--panel); }
html[data-theme="light"] :is(.nav-links a,.property-menu-toggle,.badge,.form label,.upload-panel strong,.advanced-settings summary,.export-block pre,.ready-pill,.copy-result h2,.help-link strong,.footer-col h2,.ctb-ws-tabs [aria-current]) { color: var(--text); }
html[data-theme="light"] :is(.card span,.pill,.upload-panel a,.run-card span,.idea-meta span,.link-item a,.plan-meta span,.promo-label) { color: var(--blue); }
html[data-theme="light"] :is(.priority-badge,.asset-status.missing) { color: var(--gold); }
html[data-theme="light"] .asset-status { color: var(--green); }
html[data-theme="light"] :is(.form input,.form textarea,.form select,.setup-mode-bar select,.ctb-workspace input:not([type=hidden]):not([type=checkbox]),.ctb-workspace select,.ctb-workspace textarea,.spidertaz-search-form input) { background: #fff; color: var(--text); border-color: #8494a5; }
html[data-theme="light"] :is(input,textarea)::placeholder { color: #526173; opacity: 1; }
html[data-theme="light"] .form input[type="datetime-local"]::-webkit-calendar-picker-indicator { filter: none; }
html[data-theme="light"] :is(.property-menu-toggle,.quiet,.badge,.flow-step,.run-card,.upload-panel,.advanced-settings,.export-block,.copy-result,.idea-card,.link-item,.asset-item,.plan-item,.promo-item,.setup-row,.help-panel,.help-link,.ready-pill,.export-block pre) { background: #edf2f7; border-color: var(--line); }
html[data-theme="light"] :is(.primary,.service) { background: #176047; color: #fff; }
html[data-theme="light"] .primary { background: #195d9d; }
html[data-theme="light"] .notice { color: #174d79; background: #e5f1fb; border-color: #86a9c8; }
html[data-theme="light"] .error { color: #932335; background: #fff0f2; border-color: #ce8792; }
html[data-theme="light"] :is(.footer,.footer-bottom) { color: var(--muted); }
html[data-theme="light"] .nav-links a:hover { background: #e4ecf4; }
:is(a,button,input,select,textarea,summary):focus-visible { outline: 2px solid var(--blue); outline-offset: 3px; }
@media (max-width: 360px) {
    .site-head .nav { gap: 8px; }
    .site-head .brand { font-size: 12px; gap: 6px; }
    .site-head .mark { width: 24px; height: 24px; flex: 0 0 24px; }
    .site-head .nav-links { gap: 6px; }
    .site-head .property-menu-toggle { padding-inline: 8px; }
}