/* main.css — tokens + keyframes only. Layout lives in Tailwind utilities. */
:root {
  color-scheme: dark;
  font-family: "DM Sans", sans-serif;
  scroll-behavior: smooth;
}

body { margin: 0; }

::selection { color: #171326; background: #74d5c5; }

::-webkit-scrollbar { width: 0.72rem; }
::-webkit-scrollbar-track { background: #171326; }
::-webkit-scrollbar-thumb { border: 0.18rem solid #171326; border-radius: 1rem; background: #ef735d; }

:focus-visible { outline: 0.2rem solid #74d5c5; outline-offset: 0.22rem; }

@keyframes continue-pulse {
  0%, 100% { transform: translateY(0) rotate(45deg); }
  50% { transform: translateY(0.3rem) rotate(45deg); }
}

@media (prefers-reduced-motion: reduce) {
  :root { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
}