/* ─── LIGHT THEME OVERRIDES ──────────────────────────────────────────────────── */

/* Main pages: scrolled nav */
[data-theme="light"] nav.scrolled {
  background: rgba(245, 240, 232, .92);
}

/* Main pages: mobile overlay */
[data-theme="light"] .mobile-menu {
  background: rgba(245, 240, 232, .97);
}

/* Angebot pages: always-visible nav */
[data-theme="light"] .nav-solid {
  background: rgba(245, 240, 232, .92);
}

/* Angebot pages: mobile overlay */
[data-theme="light"] .nav-mobile {
  background: rgba(245, 240, 232, .97);
}

/* Hero stays dark on all pages (WebGL canvas / photo overlay) */
[data-theme="light"] #hero {
  --text-primary:  #E8E4DC;
  --text-secondary: #8A8580;
  --text-muted:    #4A4845;
  color: #E8E4DC;
}

/* Unscrolled main nav sits transparent over the (always dark) hero canvas — same exception */
[data-theme="light"] #navbar.has-hero:not(.scrolled) {
  --text-primary:  #E8E4DC;
  --text-secondary: #8A8580;
  --text-muted:    #4A4845;
  color: #E8E4DC;
}

/* Light-mode scrollbar */
[data-theme="light"] ::-webkit-scrollbar-track { background: var(--bg); }