body {
  font-family: 'Satoshi', sans-serif;
}

.text-primary-color {
  color: #FE3C01;
}

.text-content-primary {
  color: #000;
}

.text-content-secondary {
  color: #555;
}

.text-content-tertiary {
  color: #AAA;
}

.bg-primary-color {
  background-color: #FE3C01;
}

.bg-tertiary-color {
  background-color: #EEE;
}

.bg-sun-yellow {
  background-color: #FBE169;
}

.bg-neon-purple {
  background-color: #D9D3F2;
}

.bg-vivid-red {
  background-color: #F7A9A8;
}

.bg-deep-orange {
  background-color: #FFC89B;
}

.bg-sky-blue {
  background-color: #A1D7D8;
}

.bg-lime-green {
  background-color: #C3E5C2;
}

.bg-hot-pink {
  background-color: #F8CFE8;
}

.marquee-track {
  animation: marquee 30s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (hover: hover) {
  .marquee-track:hover {
    animation-play-state: paused;
  }
}


@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(16px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.staggered-fade > * {
  opacity: 0;
  animation: fadeInUp 0.6s ease forwards;
  animation-delay: calc(var(--delay, 120ms) * var(--i));
}