/**
 * 색상 유틸리티 클래스
 */
.text-gray-500 {
  color: var(--gray-500);
}

.text-gray-600 {
  color: var(--gray-600);
}

.text-gray-700 {
  color: var(--gray-700);
}

.text-gray-800 {
  color: var(--gray-800);
}

.text-indigo-900 {
  color: var(--indigo-900);
}

.text-blue-800 {
  color: var(--blue-800);
}

.text-orange-600 {
  color: var(--orange-600);
}

.bg-white {
  background-color: white;
}

.bg-indigo-50 {
  background-color: var(--indigo-50);
}

.bg-indigo-600 {
  background-color: var(--indigo-600);
  color: white;
}

.bg-indigo-600:hover {
  background-color: var(--indigo-700);
}

.bg-indigo-600.text-white {
  background-color: var(--indigo-600);
  color: white;
}

.bg-gray-500 {
  background-color: var(--gray-500);
  color: white;
}

.bg-gray-500:hover {
  background-color: var(--gray-600);
}

.bg-green-600 {
  background-color: var(--green-600);
  color: white;
}

.bg-green-600:hover {
  background-color: var(--green-700);
}

.bg-red-500 {
  background-color: var(--red-500);
  color: white;
}

.bg-red-500:hover {
  background-color: var(--red-600);
}

.bg-blue-50 {
  background-color: var(--blue-50);
}

.border {
  border-width: 1px;
}

.border-blue-200 {
  border-color: var(--blue-200);
}

.border-indigo-200 {
  border-color: var(--indigo-200);
}

.border-t {
  border-top-width: 1px;
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-90 {
  opacity: 0.9;
}

.text-gray-400 {
  color: #9ca3af;
}

.text-white {
  color: white;
}

.text-indigo-600 {
  color: var(--indigo-600);
}

.text-indigo-700 {
  color: var(--indigo-700);
}

.text-purple-600 {
  color: var(--secondary-color);
}

.bg-indigo-50 {
  background-color: var(--indigo-50);
}

.bg-purple-50 {
  background-color: #fff9e0; /* 옅은 옐로우 톤 */
}

.bg-white\/50 {
  background-color: rgba(255, 255, 255, 0.5);
}

/* Gradient backgrounds */
.bg-gradient-to-r {
  background-image: linear-gradient(to right, var(--tw-gradient-stops));
}

.bg-gradient-to-br {
  background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
}

.from-indigo-600 {
  --tw-gradient-from: var(--indigo-600); /* 코랄 시작 */
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 107, 107, 0));
}

.to-purple-600 {
  --tw-gradient-to: var(--secondary-color); /* 민트로 그라디언트 */
}

.from-blue-50 {
  --tw-gradient-from: var(--blue-50); /* 소프트 배경 */
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(247, 247, 247, 0));
}

.via-indigo-50 {
  --tw-gradient-stops: var(--tw-gradient-from), var(--indigo-50), var(--tw-gradient-to, rgba(255, 245, 245, 0));
}

.to-purple-50 {
  --tw-gradient-to: #fffbe5; /* 옅은 옐로우 하이라이트 */
}

.from-indigo-50 {
  --tw-gradient-from: var(--indigo-50);
  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to, rgba(255, 245, 245, 0));
}

/* Text gradient */
.bg-clip-text {
  -webkit-background-clip: text;
  background-clip: text;
}

.text-transparent {
  color: transparent;
}