/* Kiztopia HK Brand Colors */
:root {
  --kiztopia-red: #E31837;
  --kiztopia-yellow: #FFD100;
  --kiztopia-light-pink: #FFF5F5;
}

/* Custom utility classes for brand colors */
.bg-kiztopia-red {
  background-color: #E31837;
}

.bg-kiztopia-yellow {
  background-color: #FFD100;
}

.bg-kiztopia-light-pink {
  background-color: #FFF5F5;
}

.text-kiztopia-red {
  color: #E31837;
}

.border-kiztopia-red {
  border-color: #E31837;
}

.hover\:bg-kiztopia-red-dark:hover {
  background-color: #c4142f;
}

.hover\:bg-kiztopia-yellow-dark:hover {
  background-color: #e6bc00;
}

/* Experience tabs active state */
.experience-tab.active {
  background-color: #E31837;
  color: white;
  border-color: #E31837;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .experience-tab {
    padding: 0.5rem 1rem;
    font-size: 0.875rem;
  }
}