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

/* Root variables */
:root {
  --background: #ffffff;
  --foreground: #171717;

  /* Fonts */
  --font-poppins: "Poppins", sans-serif;
  --font-dm-sans: "DM Sans", sans-serif;
  --font-bebas-neue: "Bebas Neue", sans-serif;
  --font-plus-jakarta: "Plus Jakarta Sans", sans-serif;

  /* Theme tokens */
  --color-background: var(--background);
  --color-foreground: var(--foreground);
}

@layer utilities {
  .font-poppins {
    font-family: var(--font-poppins);
  }

  .font-dm-sans {
    font-family: var(--font-dm-sans);
  }

  .font-bebas {
    font-family: var(--font-bebas-neue);
  }
  .font-plus-jakarta {
    font-family: var(--font-plus-jakarta);
  }
}

/* Dark mode */
@media (prefers-color-scheme: dark) {
  :root {
    --background: #0a0a0a;
    --foreground: #ededed;
  }
}
body {
  padding: 0px;
}

h1,
h2.font-plus-jakarta {
  font-family: var(--font-plus-jakarta);
}

section ul li {
  list-style: disc;
}

/* Desktop nav link */
.nav-link {
  position: relative;
  padding: 10px;
  transition: 0.3s;
}

.nav-link:hover {
  color: #f97316;
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 0;
  background: #f97316;
  transition: 0.3s;
}

.nav-link:hover::after {
  width: 100%;
}

/* Dropdown links */
.dropdown-link {
  display: block;
  padding: 6px;
}

.dropdown-link:hover {
  color: #f97316;
}

.tab-btn {
  color: black;
  transition:
    background-color 0.3s ease,
    color 0.3s ease;
}

.tab-btn.active {
  color: white;
  background: #ff4703;
}

.marquee {
  display: flex;
  align-items: center;
  width: 100%;
  overflow: hidden;
}
.marquee_track {
  flex: none;
  display: flex;
  align-items: center;
  animation: marqueeScroll 25s linear infinite;
}
.marquee_list {
  display: flex;
  align-items: center;
}
.marquee_item {
  flex: none;
  margin-right: 54px;
}

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

.marquee:hover .marquee_track {
  animation-play-state: paused;
}
/* Index Page animation Intial css styles */
.hero-title,
.hero-desc,
.hero-tagline,
.hero-buttons {
  opacity: 0;
  transform: translateY(50px);
}

.section-heading,
.section-img,
.section-content,
.section-list li {
  opacity: 0;
  transform: translateY(40px);
}

.section-img {
  transform: translateX(-60px);
}

.section-content {
  transform: translateX(60px);
}
.section-btn {
  transform: scale(0.9);
}
/*  */
.partner-content,
.partner-img,
.partner-list li,
.partner-btn {
  opacity: 0;
  transform: translateY(40px);
}

.partner-img {
  transform: translateX(60px);
}

.partner-content {
  transform: translateX(-60px);
}

.partner-btn {
  transform: scale(0.9);
}

/* MEDIA PAGE */
.popover-active {
  opacity: 1;
  visibility: visible;
}