/* Light colors keep their existing fallbacks in styles.css. */
:root {color-scheme:light;}
:root[data-theme="dark"] {
  color-scheme:dark;
  --page-bg:#111d1d;
  --surface:#1b2b2a;
  --cover-bg:#243c32;
  --cover-text:#e6efea;
  --cover-label-bg:#345344;
  --cover-warm:#edaa83;
  --surface-subtle:#162524;
  --surface-tinted:#243c32;
  --surface-hover:#2b453b;
  --border:#3b514b;
  --separator:#2e423c;
  --text:#e6efea;
  --text-muted:#afc2b9;
  --text-quiet:#9eb5a9;
  --accent:#8bd0bd;
  --primary:#82cbb9;
  --primary-hover:#9cdccb;
  --on-primary:#0d2b24;
  --selection-bg:#2e5143;
  --selection-text:#b2ead3;
  --warm-accent:#edaa83;
  --focus:#edaa83;
  --success-bg:#233d33;
  --success-text:#afe0c7;
  --warning-bg:#3a3027;
  --warning-border:#746045;
  --warning-text:#e3c3a7;
  --error-bg:#442d2a;
  --error-text:#ffc0ab;
  --danger-bg:#944b3c;
  --danger-hover:#a45d4a;
  --on-danger:#fff1eb;
  --video-bg:#0b1817;
  --video-text:#e2ebe4;
  --shadow-color:#00000030;
  --dialog-shadow-color:#00000066;
  --backdrop:#06100fb8;
  --scroll-thumb:#557b69;
  --scroll-track:#142321;
}
.interface-theme{display:grid;gap:5px;font-size:10px;color:var(--text-muted,#617571)}
.interface-theme select{width:126px;border:1px solid var(--border,#d1dfd5);border-radius:8px;padding:7px 10px;background:var(--surface,#fff);color:var(--text,#183434);font-size:12px}
.interface-theme select:focus-visible{outline:2px solid var(--focus,#cf8861);outline-offset:2px}
.brand-mark svg path:not(:first-child){fill:var(--page-bg,#f5f4ee)}
.brand-mark svg path:last-child{fill:none;stroke:var(--page-bg,#f5f4ee)}
.danger-button{color:var(--on-danger,#fff)}
@media(max-width:1200px){.site-header{height:auto;min-height:92px;gap:16px;padding:18px 0;flex-wrap:wrap}.header-tools{gap:14px;flex-wrap:wrap;justify-content:flex-end}.brand{white-space:nowrap}}
@media(max-width:600px){.header-tools{justify-content:flex-start;gap:12px 16px}.interface-theme{display:flex;align-items:center;gap:8px}.interface-theme select{width:126px}.interface-language{margin-left:0}.site-header{padding:16px 0}}