/* Design Sabino: colours read from the agency's published html.dark palette. */
:root{
 color-scheme:light;
 --surface:#fffefa;--surface-alt:#f3efe5;--field:#fbf9f3;
 --text:#454957;--muted:#656977;--line-strong:#0b0e1a40;
 --accent:#c66b3a;--accent-text:#99502a;--accent-panel:#f1e1cf;
 --primary-bg:#0b0e1a;--primary-fg:#fbf9f3;--primary-hover:#262a38;
 --selection-panel:#f2e4d5;--danger:#8e4328;--danger-panel:#fbf5ec;
 --warning-panel:#f1dfc8;--warning-text:#784c29;
 --target-number-bg:#fbf9f3;--target-number-fg:#0b0e1a;
 --toast-bg:#0b0e1a;--toast-fg:#fbf9f3;
}
:root[data-theme=dark]{
 color-scheme:dark;
 --paper:#0b0e1a;--ink:#fbf9f3;--surface:#15192a;--surface-alt:#101528;--field:#0b0e1a;
 --text:#d9d7cf;--muted:#a5adbd;--line:#fbf9f324;--line-strong:#fbf9f347;
 --accent:#e39a6f;--teal:#e39a6f;--accent-text:#e39a6f;--accent-panel:#30232a;
 --primary-bg:#e39a6f;--primary-fg:#0b0e1a;--primary-hover:#f1b58f;
 --selection-panel:#30232a;--danger:#f1b39d;--danger-panel:#30232a;
 --warning-panel:#30232a;--warning-text:#f1b58f;
 --target-number-bg:#15192a;--target-number-fg:#fbf9f3;
 --toast-bg:#20263b;--toast-fg:#fbf9f3;
}
body,header{background:var(--paper);color:var(--ink)}
.sidebar{background:var(--surface-alt);border-color:var(--line)}
.card,.source-result{background:var(--surface);border-color:var(--line)}
.brand,.source-price,.resources h3,.wave-selection-readout strong{color:var(--ink)}
.page-head p,dd,.notice-card p,.source-result p,dialog p,dialog ol{color:var(--text)}
.brand-light,.workspace-label,.sidebar-bottom,.sidebar-bottom p,.version,.crumb,.crumb span:last-child,.nav,.pill,.muted,.hint,.small-note p,.track-name small,.wave-top,.wave-top span:last-child,.time-ruler,.segments-heading,.segment small,.join-settings label,.join-settings .hint,.play-options label,.transport #playTime span,.fade-row span,.sound-extra label,.sound-sliders label span,.source-search>.hint,.source-search-note,.source-result small,.source-match,.source-match.likely,dt,.photo-title .pill,.musical-suggestion small,.join-status,.edit-selection summary span,.wave-interaction-hint,.wave-selection-readout small,footer,footer span:first-child{color:var(--muted)}
.form-grid label,.block-label,.export-preview>label,.check-row,.source-search-fields label,.source-search-toolbar label,.edit-selection-fields label{color:var(--text)}
.eyebrow,.text-btn,.text-btn:hover,.nav span,.step,.segment .index,.segment-arrow,.small-note span,.resources a,footer a,.source-store,.source-search-links a,.photo-preview>span,.status,.edit-wave-heading,.wave-selection-readout>span{color:var(--accent-text)}
.nav.active{background:var(--accent-panel);color:var(--ink);border-left-color:var(--accent)}
.btn{color:var(--ink);border-color:var(--line-strong)}
.btn:hover:not(:disabled),.chip:hover:not(:disabled){background:var(--surface-alt)}
.btn.primary,.play-btn{background:var(--primary-bg);color:var(--primary-fg);border-color:var(--primary-bg)}
.btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}
.btn.accent{background:var(--accent);color:#0b0e1a}
.btn.accent:hover:not(:disabled){background:#da8759}
.chip,.preset,.segment,.source-tab-item{background:var(--field);color:var(--text);border-color:var(--line)}
.preset.active,.source-tabs .chip.selected,.source-tab-item.selected,.selected-purchase{background:var(--accent-panel);color:var(--accent-text);border-color:var(--accent)}
.upload{background:var(--surface-alt);border-color:var(--line-strong)}
.upload.dragover{background:var(--accent-panel);border-color:var(--accent)}
.upload-icon{background:var(--field);color:var(--accent-text);border-color:var(--line-strong)}
.upload p,.upload small,.link-details summary{color:var(--muted)}
.track-row,.notice-card{background:var(--surface-alt)}
.track-icon{background:#0b0e1a;color:#e39a6f;border:1px solid var(--line)}
input:not([type=range]):not([type=checkbox]),select,textarea{background:var(--field);color:var(--ink);border-color:var(--line-strong)}
input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}
input[type=range],.sound-sliders input,input[type=checkbox]{accent-color:var(--accent-text)}
input:focus,select:focus,textarea:focus{outline-color:var(--accent)}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.play-options select{background:var(--surface-alt)}
.pill.mint{background:var(--accent-panel);color:var(--accent-text);border-color:var(--line)}
.pill.amber{background:var(--warning-panel);color:var(--warning-text);border-color:var(--line)}
.source-search,.photo-preview{background:var(--surface-alt);border-color:var(--line-strong)}
.join-settings,.rights-row,.source-search-links,footer,.export-preview details,.source-tab-remove{border-color:var(--line)}
.source-tab-remove{color:var(--danger)}
.source-tab-remove:hover{background:var(--danger-panel)}
.remove-source-btn{color:var(--danger)!important;background:var(--danger-panel)!important;border-color:var(--line-strong)!important}
.remove-source-btn:hover{background:var(--accent-panel)!important}
.auto-note{background:var(--accent-panel);color:var(--text);border-color:var(--line-strong)}
.edit-selection,.musical-suggestion,.wave-selection-bar{background:var(--selection-panel);border-color:var(--accent)}
.final-export-confirm{border-color:var(--accent)}
.edit-selection input[aria-invalid=true]{border-color:var(--danger)}
.error{color:var(--danger)!important}
dialog{background:var(--paper);color:var(--ink)}
.dialog-close{color:var(--muted)}
#toast{background:var(--toast-bg);color:var(--toast-fg)}
/* Keep the target panel dark in both modes, including readable number fields. */
.target-card{background:#0b0e1a;color:#fbf9f3;border:1px solid #fbf9f324;border-top:3px solid var(--accent)}
.target-card .eyebrow{color:#e39a6f}.target-card h2{color:#fbf9f3}
.target-card .manual-time-fields input[type=number],.target-card .manual-time-fields input[type=number]:focus{background:var(--target-number-bg);color:var(--target-number-fg)}
.target-card .check-row{color:#d9d7cf}.target-card .btn.accent{background:#e39a6f;color:#0b0e1a}
.target-card .btn.accent:hover:not(:disabled){background:#f1b58f}
.duration-presets button.selected{background:#e39a6f;color:#0b0e1a;border-color:#f1b58f}
.theme-toggle{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:78px;min-height:38px}
.theme-toggle svg{width:16px;height:16px;flex-shrink:0}
.header-actions{align-items:center;flex-wrap:wrap;justify-content:flex-end}
@media(max-width:720px){header{height:auto;min-height:56px;padding-top:9px;padding-bottom:9px}.header-actions{gap:6px}.theme-toggle{min-width:70px}.header-actions .btn.small{padding:8px 10px}}
@media(prefers-reduced-motion:no-preference){body,header,.sidebar,.card,.btn,input,select,textarea{transition:background-color .15s,color .15s,border-color .15s}}