/* The Move + The Read — fixed warm stone magazine palette.
   These pages ignore the site-wide light/dark toggle (no navy slate overrides). */

html[data-campus-culture-theme],
html[data-campus-culture-theme].dark {
  color-scheme: dark;
}

html[data-campus-culture-theme] body {
  background-color: transparent !important;
  color: #fafaf9 !important;
}

html[data-campus-culture-theme] #theme-toggle-wrap,
html[data-campus-culture-theme] #theme-toggle {
  display: none !important;
}

/* Story body from PostHtml (read variant) — readable on stone backgrounds */
html[data-campus-culture-theme] .read-body p,
html[data-campus-culture-theme] .read-body li {
  color: #d6d3d1;
}

html[data-campus-culture-theme] .read-body strong {
  color: #fafaf9;
  font-weight: 600;
}

html[data-campus-culture-theme] .read-body a {
  color: #c4b5fd;
}

/* Ambient sound toggle — fixed, thumb-friendly on mobile */
html[data-campus-culture-theme] .cc-ambient-toggle {
  position: fixed;
  right: max(0.75rem, env(safe-area-inset-right, 0.75rem));
  bottom: max(0.75rem, env(safe-area-inset-bottom, 0.75rem));
  z-index: 60;
  border-radius: 9999px;
  padding: 0.5rem 0.85rem;
  font-size: 0.7rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #e7e5e4;
  background: rgba(28, 25, 23, 0.88);
  border: 1px solid rgba(167, 139, 250, 0.35);
  backdrop-filter: blur(8px);
  cursor: pointer;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.35);
}

html[data-campus-culture-theme] .cc-ambient-toggle:hover {
  border-color: rgba(196, 181, 253, 0.55);
  color: #fafaf9;
}

html[data-campus-culture-theme] .cc-ambient-toggle[aria-pressed="true"] {
  border-color: rgba(167, 139, 250, 0.6);
  color: #c4b5fd;
}

html[data-campus-culture-theme] #cc-ambient-audio {
  display: none;
}