/* Palette-only treatment: keep all established geometry and reveal timing. */
:root {
  --night: #10091a;
  --night-text: #f4dfc3;
  --night-accent: #e4b998;
  --ink: var(--night);
  --black: var(--night);
  --paper: var(--night-text);
  --sun: var(--night-accent);
}
html, body { background: var(--night); color: var(--night-text); }
::selection { background: #75516e; color: var(--night-text); }
#origin, #biography, .music-flow, .invitation { color: var(--night-text); }
#origin .opening-title-long, #origin .opening-copy p,
#biography .feature-copy h2, #biography .feature-copy p,
.music-intro h2, .music-chapter h3 { color: var(--night-text); }
.music-flow { --music-ink: var(--night-text); --music-light: var(--night-text); --music-gold: var(--night-accent); }
.music-intro h2 em, .invitation h2 em { color: var(--night-accent); }
.music-number, .music-kicker { color: var(--night-accent); }
.story-kicker { color: var(--night-accent); }
.music-description { color: var(--night-text); }
.music-image, .music-image--release { border-color: rgba(244,223,195,.18); background: rgba(244,223,195,.035); }
.music-image--portrait { border: 0; background: transparent; }
.music-play-icon, .header-socials .social-icon { filter: brightness(0) saturate(100%) invert(91%) sepia(19%) saturate(477%) hue-rotate(340deg) brightness(101%) contrast(91%); }
.music-play:not(:disabled):hover { background: rgba(244,223,195,.10); }
.site-header, nav[id="main-navigation"] { color: var(--night-text); }
.site-header {
  border-color: rgba(244,223,195,.24);
  background: linear-gradient(110deg,rgba(62,31,78,.38),rgba(94,54,91,.25) 52%,rgba(49,31,68,.30));
}
.site-header::before { background: linear-gradient(115deg,rgba(244,223,195,.10),transparent 32%,transparent 70%,rgba(171,151,191,.06)); }
.site-header::after { background-image: linear-gradient(105deg,transparent 35%,rgba(244,223,195,.12) 50%,transparent 65%); }
nav[id="main-navigation"] div a:hover { background: rgba(244,223,195,.10); }
.header-brand:focus-visible, .header-socials a:focus-visible, nav[id="main-navigation"] a:focus-visible { outline-color: var(--night-text); }
#origin .memory-video, #biography .feature-photo, .music-image--portrait { mix-blend-mode: screen; }
.music-chapter .music-image { isolation: isolate; }
.music-chapter .music-image::after { content: ""; position: absolute; inset: 0; pointer-events: none; opacity: .58; mix-blend-mode: color; }
#origin .memory-video::after, #biography .feature-photo::after, .music-image--portrait::after, .music-chapter .music-image::after {
  background: linear-gradient(145deg,rgba(81,48,116,.60),rgba(127,78,127,.38) 52%,rgba(155,145,174,.25));
}

/* Scroll chrome follows the violet cloud palette without replacing native scrolling. */
:root { --scroll-violet: #b078df; --scroll-thumb: #8961aa; --scroll-track: #10091a; }
.progress { background: var(--scroll-violet); }
html { scrollbar-color: var(--scroll-thumb) var(--scroll-track); scrollbar-width: auto; }
@supports selector(::-webkit-scrollbar) {
  html { scrollbar-color: auto; }
  html::-webkit-scrollbar { width: 12px; height: 12px; }
  html::-webkit-scrollbar-track { background: var(--scroll-track); }
  html::-webkit-scrollbar-thumb { background: var(--scroll-thumb); border: 3px solid var(--scroll-track); border-radius: 12px; }
  html::-webkit-scrollbar-thumb:hover { background: var(--scroll-violet); }
  html::-webkit-scrollbar-thumb:active { background: #cb9eec; }
  html::-webkit-scrollbar-corner { background: var(--scroll-track); }
}
@media (forced-colors: active) {
  .progress { background: Highlight; }
  html { scrollbar-color: auto; }
  html::-webkit-scrollbar-track, html::-webkit-scrollbar-corner { background: Canvas; }
  html::-webkit-scrollbar-thumb { background: ButtonText; border-color: Canvas; }
  html::-webkit-scrollbar-thumb:hover, html::-webkit-scrollbar-thumb:active { background: Highlight; }
}