/* League of Parole – styles communs (index.html, guide.html). Les classes Tailwind @layer restent dans chaque page (Play CDN). */

:root {
  --brand: #f217bc
}

html,
body {
  height: 100%
}

body {
  color: #fff;
  font-family: 'PT Sans', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: #000
}

h1,
h2,
h3 {
  font-family: 'Antic Slab', Georgia, 'Times New Roman', serif
}

/* micro-animations */
@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translateY(14px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

@keyframes popIn {
  0% {
    opacity: 0;
    transform: scale(.92)
  }

  100% {
    opacity: 1;
    transform: scale(1)
  }
}

@keyframes slideUp {
  0% {
    opacity: 0;
    transform: translateY(22px)
  }

  100% {
    opacity: 1;
    transform: translateY(0)
  }
}

.fade-up {
  animation: fadeUp .7s ease-out both
}

.pop-in {
  animation: popIn .5s ease-out both
}

.slide-up {
  animation: slideUp .8s .1s ease-out both
}

.u-wow {
  position: relative;
  padding-bottom: .35rem;
}

.u-wow::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -.15rem;
  width: 100%;
  height: 2px;
  background: var(--brand);
  opacity: .4;
  border-radius: 9999px;
}