/*
 * Conway Creator — base styles.
 *
 * Deliberately small. Layout and styling live in Tailwind utility classes on
 * the pages themselves; this file only covers the few things utilities cannot
 * express (selection colour, focus rings, third-party lightbox overrides).
 */

::selection {
  background-color: #2563eb;
  color: #fff;
}

/* Visible keyboard focus everywhere, without showing a ring on mouse clicks. */
:focus-visible {
  outline: 2px solid #2563eb;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Respect users who have asked for reduced motion. */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

/* Bring the lightbox2 chrome in line with the site's type and colours. */
.lb-data .lb-caption {
  font-family: 'Plus Jakarta Sans', ui-sans-serif, system-ui, sans-serif;
  font-weight: 600;
}

.lb-outerContainer,
.lb-dataContainer {
  border-radius: 0.75rem;
}