/* Application surfaces in light mode. Photography, brand artwork and the
   self-contained broadcast palettes keep their own foreground/backgrounds. */
:root[data-theme=light]{--danger:#8d3425}

/* These panels were moved from dark backgrounds onto the application panel. */
:root[data-theme=light] .bh-live-peek{color:var(--text)}
:root[data-theme=light] .bh-live-peek>div>span,
:root[data-theme=light] .bh-live-peek small{color:var(--muted)}
:root[data-theme=light] .bh-live-peek>span:last-child{color:var(--accent)}
:root[data-theme=light] .sn-hero{color:var(--text)}
:root[data-theme=light] .sn-hero>div:first-child>p{color:var(--muted)}
:root[data-theme=light] .sn-hero .sn-eyebrow,
:root[data-theme=light] .sn-hero h1 em{color:var(--accent)}

/* Filled identity/status elements need light ink on the darker light-mode hues. */
:root[data-theme=light] .cm-avatar,
:root[data-theme=light] .bh-plan-label,
:root[data-theme=light] .skip{color:#fff}
:root[data-theme=light] .sa-switch input:checked+.sa-switch-track:after{background:#fff}
:root[data-theme=light] .sa-switch input:disabled~.sa-switch-label{opacity:1}
:root[data-theme=light] .bh-device-nav{color:#53d6dc}

/* Error text belongs to the application surface, outside the dark score output. */
:root[data-theme=light] body:not(.broadcast-display) .bc-connection.is-offline,
:root[data-theme=light] .approval-decline:hover,
:root[data-theme=light] .approval-review-card .form-error,
:root[data-theme=light] .approval-notice .form-error{color:var(--danger)}

/* Keep native menus and read-only controls legible without fading their labels. */
:root[data-theme=light] body:not(.broadcast-display) select option,
:root[data-theme=light] body:not(.broadcast-display) select optgroup{color:var(--text);background:var(--panel)}
:root[data-theme=light] body:not(.broadcast-display) input::placeholder,
:root[data-theme=light] body:not(.broadcast-display) textarea::placeholder{color:var(--muted);opacity:1}
:root[data-theme=light] body:not(.broadcast-display) :is(input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=color]),select,textarea):disabled{color:var(--muted);-webkit-text-fill-color:var(--muted);opacity:1}
:root[data-theme=light] .bc-settings fieldset:disabled{opacity:1}
:root[data-theme=light] .bc-settings fieldset:disabled :is(input:not([type=radio]):not([type=checkbox]):not([type=color]),select,textarea){background:var(--surface);border-style:dashed}
:root[data-theme=light] .bc-settings fieldset:disabled .bc-theme-caption>strong,
:root[data-theme=light] .bc-settings fieldset:disabled .bc-layout-options label>strong{color:var(--text)}
:root[data-theme=light] .bc-settings fieldset:disabled .bc-theme-caption>small,
:root[data-theme=light] .bc-settings fieldset:disabled .bc-theme-help{color:var(--muted)}
:root[data-theme=light] .bc-settings .btn:disabled,
:root[data-theme=light] .site-admin-page .btn:disabled,
:root[data-theme=light] .ta-editor .btn:disabled,
:root[data-theme=light] .bc-settings .bc-file-button:has(input:disabled),
:root[data-theme=light] .ta-editor .ta-file:has(input:disabled){opacity:1;color:var(--muted);background:var(--surface);border-color:var(--line);box-shadow:none;cursor:not-allowed}