:root { color-scheme: light; }
header { display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:20px; }
/* Match the homepage logo dimensions, including its dark-mode image padding. */
header .brand { min-width:0; }
header .brand img { display:block; width:156px; height:auto; max-height:58px; object-fit:contain; box-sizing:border-box; }
@media(max-width:900px) { header .brand img { width:140px; } }
.darja-theme-toggle { display:inline-flex; align-items:center; justify-content:center; gap:7px; min-height:44px; padding:9px 13px; border:1px solid #cf91ae; border-radius:999px; background:#fbf0f6; color:#69475a; font:500 14px/1.4 Poppins,system-ui,sans-serif; white-space:nowrap; cursor:pointer; }
.darja-theme-toggle svg { width:18px; height:18px; }
.darja-theme-toggle svg[hidden] { display:none; }
.darja-theme-toggle:hover { background:#f8dce8; }
.darja-theme-toggle:focus-visible { outline:3px solid #b65f85; outline-offset:3px; }
html[data-theme="dark"] { color-scheme:dark; --ink:#f2ebf4; --muted:#beb2c7; --rose:#efaccb; --cream:#17151d; --line:#4a3d50; }
html[data-theme="dark"] body, html[data-theme="dark"] .toolbar { background:var(--cream); }
html[data-theme="dark"] .hero, html[data-theme="dark"] #tracks h2 { background:#292332; }
html[data-theme="dark"] .audio-download { background:#30232d; }
html[data-theme="dark"] footer { background:#211d28; }
html[data-theme="dark"] .book-preview, html[data-theme="dark"] .reader, html[data-theme="dark"] .reader-toolbar { background:#24212b; border-color:var(--line); }
html[data-theme="dark"] .reader::backdrop { background:#09070de6; }
html[data-theme="dark"] .preview-controls button, html[data-theme="dark"] .reader-toolbar button, html[data-theme="dark"] input, html[data-theme="dark"] select { background:#2b2533; border-color:#64506e; color:var(--ink); }
html[data-theme="dark"] input::placeholder { color:#beb2c7; opacity:1; }
html[data-theme="dark"] .eyebrow, html[data-theme="dark"] h1 em { color:#efaccb; }
html[data-theme="dark"] .button { background:#efaccb; color:#2a1823; }
html[data-theme="dark"] .button:hover { background:#f4c2d9; }
html[data-theme="dark"] .darja-theme-toggle { background:#392534; color:#f2d5e5; border-color:#96627e; }
html[data-theme="dark"] .darja-theme-toggle:hover { background:#4a3041; }
html[data-theme="dark"] .brand img { padding:5px 9px; background:#faf5f8; border:1px solid #d4bbc9; border-radius:12px; box-shadow:0 4px 14px #0002; }
html[data-theme="dark"] a:focus-visible, html[data-theme="dark"] button:focus-visible, html[data-theme="dark"] input:focus-visible, html[data-theme="dark"] select:focus-visible { outline-color:#efaccb; }
/* Book artwork retains its original colors in both themes. */
@media(max-width:850px) {
  header { grid-template-columns:minmax(0,1fr) auto; gap:12px; }
  header .brand { justify-self:start; }
  header nav { grid-column:1 / -1; grid-row:2; justify-content:flex-start; gap:18px; }
  .darja-theme-toggle { grid-column:2; grid-row:1; }
}
@media(max-width:400px) {
  .darja-theme-toggle { font-size:12px; padding:8px 10px; gap:5px; }
  header nav { gap:14px; }
}