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

.material-symbols-outlined {
  font-variation-settings: 'FILL' 1, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

/* Infinite Horizontal Marquee Animation */
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

.animate-marquee {
  animation: marquee 35s linear infinite;
}

.tab-active {
  background-color: #4c1d95; /* Deep purple matching mock */
  color: #ffffff !important;
  box-shadow: 0 4px 12px -2px rgba(76, 29, 149, 0.3);
}

/* Custom visual highlights */
.brush-underline {
  position: relative;
  display: inline-block;
}

.brush-underline::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 100%;
  height: 6px;
  background-color: #fbbf24; /* Amber accent yellow */
  border-radius: 4px;
  z-index: -1;
  transform: rotate(-1.5deg);
}