@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  html { scroll-padding-top: 5rem; }
  ::selection { @apply bg-pitch text-ink; }
}

@layer components {
  .eyebrow { @apply font-display uppercase tracking-[0.18em] text-sm font-semibold; }
  .display { @apply font-display uppercase font-extrabold leading-none; }
  .btn-primary { @apply inline-flex items-center justify-center gap-2 bg-pitch text-ink font-display uppercase font-bold text-lg tracking-wide px-6 py-3 transition-colors hover:bg-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pitch; }
  .btn-outline { @apply inline-flex items-center justify-center gap-2 border-2 border-current font-display uppercase font-bold text-lg tracking-wide px-6 py-[10px] transition-colors hover:bg-white hover:text-ink hover:border-white focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pitch; }
  .btn-dark { @apply inline-flex items-center justify-center gap-2 bg-ink text-white font-display uppercase font-bold text-lg tracking-wide px-6 py-3 transition-colors hover:bg-pitch hover:text-ink focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ink; }
  .field { @apply block w-full border-2 border-ink bg-white px-4 py-3 text-base text-ink placeholder:text-ink/40 focus:border-pitch focus:ring-0; }
}

@keyframes ticker {
  from { transform: translateX(-50%); }
  to { transform: translateX(0); }
}
.ticker__track { animation: ticker 40s linear infinite; }
.ticker:hover .ticker__track { animation-play-state: paused; }
@media (prefers-reduced-motion: reduce) {
  .ticker__track { animation: none; width: auto; flex-wrap: wrap; white-space: normal; padding: 0 1.25rem; }
  .ticker__list { flex-wrap: wrap; row-gap: 0.25rem; }
  .ticker__list[aria-hidden] { display: none; }
}
/*


 */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; }
}