/* HOLIUS Color Role Audit — all user-facing colors route through theme roles. */
:root{
 --theme-overlay:color-mix(in srgb,var(--overlay-color) 42%,transparent);
 --theme-highlight-bg:color-mix(in srgb,var(--brand-accent) 24%,var(--bg-surface));
 --theme-highlight-text:var(--text-main);
 --shadow-color:var(--text-main);
 --theme-success-soft:color-mix(in srgb,var(--semantic-success) 11%,var(--bg-surface));
 --theme-danger-soft:color-mix(in srgb,var(--semantic-danger) 9%,var(--bg-surface));
 --theme-warning-soft:color-mix(in srgb,var(--semantic-warning) 12%,var(--bg-surface));
 --theme-info-soft:color-mix(in srgb,var(--semantic-info) 10%,var(--bg-surface));
}
/* State/badge colors are semantic, never hard-coded brand colors. */
.status-success,.is-success,.badge-success{color:var(--semantic-success)!important;border-color:color-mix(in srgb,var(--semantic-success) 30%,var(--border-color))!important;background:var(--theme-success-soft)!important}
.status-danger,.is-danger,.badge-danger,.error-text{color:var(--semantic-danger)!important;border-color:color-mix(in srgb,var(--semantic-danger) 30%,var(--border-color))!important;background:var(--theme-danger-soft)!important}
.status-warning,.is-warning,.badge-warning{color:var(--semantic-warning)!important;border-color:color-mix(in srgb,var(--semantic-warning) 30%,var(--border-color))!important;background:var(--theme-warning-soft)!important}
.status-info,.is-info,.badge-info{color:var(--semantic-info)!important;border-color:color-mix(in srgb,var(--semantic-info) 30%,var(--border-color))!important;background:var(--theme-info-soft)!important}
.bible-verse.is-highlight,.bible-verse.is-focus{background:var(--theme-highlight-bg)!important;color:var(--theme-highlight-text)!important}
/* Dialog/backdrop darkness follows the editable overlay color. */
.modal-backdrop,.dialog-backdrop,.theme-picker-backdrop,.bible-sheet-backdrop,.bible-reader-backdrop{background:var(--theme-overlay)!important}
/* Media canvas is intentionally neutral dark; it is content chrome, not page theme. */
.media-video{background:#0d0f0d!important}