html[data-theme=dark]{color-scheme:dark;--navy:#9cd5f7;--navy-deep:#0c2538;--ink:#e5edf3;--muted:#a7b7c5;--line:#344452;--paper:#18232d;--wash:#101820;--dark-raised:#22313e;--dark-nav:#0c304b}
html[data-theme=dark] body{background:var(--wash);color:var(--ink)}
html[data-theme=dark] .brand{background:#fafafa;border-radius:10px;padding:5px 10px}
html[data-theme=dark] :is(.card,.sermon-video,.album-card,dialog,.float-tools,.prayer-alert){background:var(--paper);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(.week-picker,.order-meta,.order-header,.order-row,.resource-card,.schedule-item,.servant-head,.empty-note,th,.intro,.notice-cards li,.giving-account,.giving-account.mission,.album-upload,.album-photo-link,.album-collage,.album-detail-photos figure,.shortcut-guide,.shortcut-choices button,.video-edit-item[open] summary,.popup-settings-thumbnail){background:var(--dark-raised);border-color:var(--line)}
html[data-theme=dark] :is(.admin,.cancel,.guide-back,.guide-detail-nav button,.copy-account,.album-back,.float-tools button,.dismiss-prayer){background:var(--dark-raised);color:var(--ink);border-color:var(--line)}
html[data-theme=dark] :is(input,select,textarea,.login-form input,input[type=month],.album-filter-label select,.album-upload select,.album-upload input,.album-upload textarea,.dialog-body input,.dialog-body textarea,.dialog-body select){background:#111d27;color:var(--ink);border-color:#4b6070}
html[data-theme=dark] #uploadDialog :is(input:not([type=checkbox]),textarea,fieldset){border-color:#4b6070}
html[data-theme=dark] :is(.tabs,.dialog-head,.tabs .shortcut-trigger){background:var(--dark-nav);color:#f4f7f9}
html[data-theme=dark] .tabs .shortcut-trigger{box-shadow:-12px 0 12px var(--dark-nav)}
html[data-theme=dark] .dialog-head h2{color:#fff}
html[data-theme=dark] :is(.worship-pages [aria-current=page],.guide-detail-nav button[aria-current=page]){background:#285c7c;color:#fff;border-color:#5684a3}
html[data-theme=dark] :is(.admin.publish,.save){background:#147d70;color:#fff}
html[data-theme=dark] .guide-menu button{background:linear-gradient(160deg,#22313e,#18232d);border-color:var(--line);color:#e9c8a6}
html[data-theme=dark] .guide-menu button:hover{background:#2c3c48;border-color:#bfa17c}
html[data-theme=dark] :is(.order-content,.order-person,.order-meta,.resource-card p,.notice-cards p,.scripture-text,.giving-number,.album-card-body p,.album-card-description,.album-detail-heading p,.directions-content,.intro){color:var(--ink)}
html[data-theme=dark] .tag{background:#4a3627;color:#ffd4a6}
html[data-theme=dark] :is(.verse,.welcome .verse-ref,.giving-kind){color:#efbd86}
html[data-theme=dark] :is(.directions-content .travel-intro,.directions-content .building,.directions-content .station-route strong span,.directions-content .driving-steps p){color:var(--muted)}
html[data-theme=dark] :is(.directions-content .arrival,.directions-content .navigation-address,.directions-content .inline-buttons a){background:var(--dark-raised);border-color:var(--line);color:var(--ink)}
html[data-theme=dark] :is(.directions-content .travel-title h2,.directions-content .route-bus,.directions-content .arrival>strong,.directions-content .arrival b,.directions-content .driving-steps strong){color:var(--navy)}
html[data-theme=dark] :is(.directions-content .travel-section,.directions-content .station-route){border-color:var(--line)}
html[data-theme=dark] :is(.video-add-toolbar,.popup-close-bar){background:var(--paper)}
html[data-theme=dark] :is(.worship-popup,.notice-preview){background:var(--paper)}
html[data-theme=dark] .welcome-splash,html[data-theme=dark] .popup-preview.welcome-preview{background:#111820}
html[data-theme=dark] :is(.splash-skip,.notice-preview .preview-close){background:#22313ef5;color:#e5edf3;border-color:#52616c}
html[data-theme=dark] #uploadDialog .upload-file-preview{background:var(--dark-raised);border-color:var(--line)}
html[data-theme=dark] #uploadDialog .upload-warning-box{background:#433720;color:#f6d89c}
html[data-theme=dark] :is(.form-message,#deletePrayerName,.repeat-item .remove-item){color:#ffb4ad}
html[data-theme=dark] .scripture-link:hover{background:#2c465b}
#themeToggle{white-space:nowrap}
