/**
 * Theme residue.
 *
 * This file used to carry ~190 colour literals across ~90 selector overrides,
 * which is how light mode drifted out of sync one selector at a time. Colour
 * now lives in tokens.css; what is left here is the handful of things a token
 * genuinely cannot express — swapping an image asset, and honouring
 * `prefers-reduced-motion`.
 */

/* ----------------------------------------------------------- logo assets --
 * Two raster logos ship: one drawn for light surfaces, one for dark. They are
 * images, not colours, so the swap stays a theme selector.
 * ------------------------------------------------------------------------ */

.theme-logo-dark {
  display: none;
}

.theme-logo-light {
  display: block;
}

:root[data-theme='dark'] .theme-logo-light {
  display: none;
}

:root[data-theme='dark'] .theme-logo-dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme='light']):not([data-theme='dark']) .theme-logo-light {
    display: none;
  }
  :root:not([data-theme='light']):not([data-theme='dark']) .theme-logo-dark {
    display: block;
  }
}

/* ------------------------------------------------------------ small screens */

@media (max-width: 480px) {
  .section,
  .organiser-section,
  .ai-band,
  .india-section {
    overflow: hidden;
  }
  .theme-row {
    align-items: center;
    flex-direction: column;
    gap: 9px;
  }
  .theme-switcher {
    width: min(288px, 100%);
  }
  .theme-switcher button {
    flex: 1;
  }
  .policy-section p,
  .policy-section li {
    overflow-wrap: anywhere;
  }
}

/* --------------------------------------------------------- reduced motion --
 * DESIGN.md §10. The reveal animation also carries the hero, so it resolves to
 * fully visible rather than simply not animating.
 * ------------------------------------------------------------------------ */

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  .reveal {
    opacity: 1;
    transform: none;
    transition: none;
  }
  .btn,
  .pillar,
  .community-type-grid article {
    transition: none;
  }
  .btn:hover,
  .pillar:hover,
  .community-type-grid article:hover {
    transform: none;
  }
}