/* One quiet, continuous black-brown canvas, drawn from the supplied palette. */
:root {
  --bg: #1a181a;
  --bg-deep: #151315;
  --bg-soft: #1a181a;
  --paper: #2c1917;
  --ink: #e6e2d6;
  --muted: #c2bca9;
  --gold: #c2bca9;
  --gold-light: #e6e2d6;
  --line: #c2bca936;
}
body { background: var(--bg); color: var(--ink); }
::selection { background: #5a4037; color: #f4efe5; }
/* Match neighboring sections to the same surface, avoiding visible bands. */
body .heritage-strip,
body .archive-highlights,
body .about-teaser,
body .story-preview,
body .listening-section,
body .selected-section,
body .repertoire,
body .family-section,
body .client-section,
body .page-intro,
body .gallery-section,
body .story-hero,
body .story-scene,
body .story-legacy,
body .story-closing,
body .story-cta { background: #1a181a; }
body .story-interlude { background: #211b1a; border-color: #c2bca922; }
body .story-hero-portrait:before { background: transparent; }
body .site-header.classical-nav:not(.royal-nav),
body .site-header.classical-nav:not(.royal-nav).scrolled { background: #1a181af2; border-color: #c2bca932; }
body .mobile-navigation,
body .royal-mobile-navigation,
body .story-nav { background: #211b1aF7; border-color: #c2bca932; }
body .genre-card { background: #211b1a; border-color: #c2bca92f; }
body .genre-card:hover { background: #2c2220; }
body .media-dialog, body .photo-dialog { background: #211b1a; }
body .recording-facts { background: #2c2420; }
body .finale-footer { background: #1a181a; }
body .finale-panel { background: #241e1e; }
body .site-opening { background: #1a181a; }
body .finale-name { color: #c2bca9; }
body .finale-name em { color: #e6e2d6; }
body .finale-sky h2, body .finale-intro h3 { color: #e6e2d6; }
body[data-page="gallery"] .filter { background: #292222; border-color: #c2bca93a!important; color: #e6e2d6; }
body[data-page="gallery"] .filter[aria-pressed="true"],
body[data-page="gallery"] .filter.active { background: #e6e2d6!important; color: #211b1a!important; border-color: #e6e2d6!important; }
body[data-page="gallery"] .catalog-search,
body[data-page="gallery"] .view-controls button { background: #292222; border-color: #c2bca93a; }
body[data-page="gallery"] .view-controls button[aria-pressed="true"] { background: #e6e2d6; color: #211b1a; border-color: #e6e2d6; }
body[data-page="gallery"] .gallery-grid .video-card { background: transparent; }
body[data-page="gallery"] .gallery-grid .media-thumb { background: #151315; }
@media(max-width:580px){body[data-page="gallery"] .gallery-toolbar::after{background:linear-gradient(90deg,transparent,#1a181a)}}
/* The full-screen performance uses a restrained neutral-brown veil for readable text. */
body[data-page="home"] .royal-hero { background: #1a181a; color: #e6e2d6; }
body[data-page="home"] .royal-wash {
  background: linear-gradient(90deg,rgba(26,24,26,.88) 0%,rgba(35,27,26,.65) 34%,rgba(44,25,23,.22) 76%),
              linear-gradient(0deg,#1a181a 0%,rgba(26,24,26,.02) 42%,rgba(26,24,26,.36) 100%);
}
body[data-page="home"] .royal-nav.scrolled { background: #1a181af5; }
body[data-page="home"] .royal-nav .royal-wordmark,
body[data-page="home"] .royal-nav-links a,
body[data-page="home"] .royal-copy h1,
body[data-page="home"] .royal-copy .royal-tagline { color: #e6e2d6; }
body[data-page="home"] .royal-copy .eyebrow,
body[data-page="home"] .royal-copy .royal-description,
body[data-page="home"] .royal-tagline em,
body[data-page="home"] .royal-nav-links a:hover,
body[data-page="home"] .royal-nav-links a[aria-current],
body[data-page="home"] .royal-nav-ornament { color: #c2bca9; }
body[data-page="home"] .royal-book { border-color: #c2bca9; color: #e6e2d6; background: #1a181a80; }
body[data-page="home"] .royal-book:hover { background: #c2bca9; color: #1a181a; }
body[data-page="home"] .royal-nav .language-switch { background: #1a181a80; border-color: #c2bca94d; }
body[data-page="home"] .royal-nav .language-switch button[aria-pressed="true"] { background: #c2bca9; color: #1a181a; }
body .cinema-hero .royal-player { color: #c2bca9; }
body .cinema-hero .royal-player .dock-play { color: #e6e2d6; background: #1a181a; border-color: #c2bca9; }
body .cinema-hero .royal-player .dock-play:hover { color: #1a181a; background: #c2bca9; }
body .cinema-hero .royal-player .royal-ornament svg { color: #c2bca9; }
@media(max-width:700px){
  body[data-page="home"] .royal-wash { background:linear-gradient(0deg,#1a181a 0%,rgba(44,25,23,.40) 48%,rgba(26,24,26,.58) 100%); }
}
body[data-page="home"] .site-header.royal-nav.scrolled{background:#1a181af5}
