/* Typography utilities - có thể điều chỉnh tập trung, tránh sửa rải rác */

.h1 {
  @apply text-3xl md:text-4xl lg:text-5xl font-extrabold text-gray-900;
}

.h2 {
  @apply text-2xl md:text-3xl lg:text-4xl font-bold text-gray-900;
}

.h3 {
  @apply text-xl md:text-2xl font-bold text-gray-900;
}

.h4 {
  @apply text-lg md:text-xl font-semibold text-gray-900;
}

/* Màu sắc gợi ý (đồng bộ với Tailwind palette đã có) */
.heading-primary { @apply text-primary-600; }
.heading-secondary { @apply text-gray-800; }
.heading-accent { @apply text-orange-600; }