/* Comparison-only dark theme. Applied only when the URL includes ?theme=dark. */
body.dark-mode {
  --paper: #121212;
  --mist: #171717;
  --ink: #f0eee9;
  --green: #f0eee9;
  --lime: #f0eee9;
  --line: rgba(240, 238, 233, .20);
  background: #121212 !important;
  color: #e5e2dc;
}

body.dark-mode .site-header,
body.dark-mode .hero-intro,
body.dark-mode .site-footer { background: #121212; color: #f0eee9; }
body.dark-mode .site-footer { border-color: rgba(240, 238, 233, .20); }
body.dark-mode .page-title,
body.dark-mode .section-title,
body.dark-mode .story h2,
body.dark-mode .day-group h3,
body.dark-mode .ticket-duration { color: #f5f3ee; }
body.dark-mode .intro,
body.dark-mode .body-copy,
body.dark-mode .story p,
body.dark-mode .ticket-notes,
body.dark-mode .entry-note,
body.dark-mode .notice,
body.dark-mode .names { color: #d5d2cb; }
body.dark-mode .section-title:before { border-color: rgba(240, 238, 233, .62); }
body.dark-mode .site-footer,
body.dark-mode .footer-instagram,
body.dark-mode .map-link { color: #d5d2cb; }
body.dark-mode .map-link,
body.dark-mode .footer-instagram { border-color: currentColor; }

/* Keep subtle labels and table areas restrained rather than card-like. */
body.dark-mode .place-address { background: #252525; color: #e5e2dc; }
body.dark-mode .ticket-group--admission { background: #1c1c1c; border-color: rgba(240, 238, 233, .20); }
body.dark-mode .ticket-list,
body.dark-mode .ticket-group,
body.dark-mode .level-guide,
body.dark-mode .level-guide div,
body.dark-mode .class-row { border-color: rgba(240, 238, 233, .20); }
body.dark-mode .day-groups,
body.dark-mode .day-group { border-color: rgba(240, 238, 233, .38); }

/* Preserve the existing CLASS level colors while keeping their labels legible. */
body.dark-mode .level-label { color: #18211e; }
body.dark-mode .notice-instagram { color: #f0eee9; }

/* Darken structural surfaces only; photos retain their original colors. */
body.dark-mode .band,
body.dark-mode .place { background: #171717; color: #f0eee9; }
body.dark-mode .split-media,
body.dark-mode .class-photo,
body.dark-mode .event-photo,
body.dark-mode .place-media { background: #171717; }
body.dark-mode .map-placeholder { background: #1c1c1c; border-color: rgba(240, 238, 233, .20); color: #d5d2cb; }