/* ── LIGHT MODE VARIABLES ── */
html[data-theme="light"] {
  --ink:      #faf7f2;
  --ink-mid:  #f0e8d5;
  --ink-soft: #e0d4bc;
  --smoke:    #6b5d4a;
  --ash:      #2c1e0e;
  --cream:    #120a02;
}

/* Reduce noise overlay on light backgrounds */
html[data-theme="light"] body::before { opacity: 0.12; }

/* Nav — override hardcoded dark rgba values */
html[data-theme="light"] nav {
  background: linear-gradient(to bottom, rgba(250,247,242,0.98) 0%, rgba(250,247,242,0) 100%);
}
html[data-theme="light"] nav.scrolled {
  background: rgba(250,247,242,0.95) !important;
  box-shadow: 0 1px 20px rgba(0,0,0,0.08);
}

/* Pages with solid fixed nav (discography, announcements) */
html[data-theme="light"] nav[data-solid] {
  background: rgba(250,247,242,0.97) !important;
}

/* Mobile drawer */
html[data-theme="light"] .mobile-drawer {
  background: rgba(250,247,242,0.98);
}

/* Cursor ring on light bg */
html[data-theme="light"] #cursor-ring { border-color: rgba(201,168,76,0.5); }

/* ── THEME TOGGLE BUTTON ── */
.theme-toggle {
  background: none;
  border: 1px solid rgba(201,168,76,0.3);
  color: var(--gold);
  cursor: pointer;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: border-color 0.3s, background 0.3s;
  padding: 0;
}
.theme-toggle:hover {
  border-color: var(--gold);
  background: rgba(201,168,76,0.08);
}
.theme-toggle svg {
  width: 15px;
  height: 15px;
  display: block;
  stroke: var(--gold);
}