/* Tiện ích màu thương hiệu (navy / gold / ivory / ink) còn thiếu trong CSS Tailwind v4 mới.
   Giá trị lấy từ style.css cũ để giao diện giữ nguyên như trước. */

.bg-navy { background-color: #10364b; }
.bg-gold { background-color: #c7a052; }
.bg-ivory { background-color: #f7f5ef; }
.bg-gold\/15 { background-color: #c7a05226; }
.bg-ivory\/60 { background-color: #f7f5ef99; }
.bg-\[\#f7f5ef\] { background-color: #f7f5ef; }

.text-navy { color: #10364b; }
.text-gold { color: #c7a052; }
.text-ink\/70 { color: #263943b3; }
.text-ink\/75 { color: #263943bf; }

.border-gold { border-color: #c7a052; }
.border-gold\/40 { border-color: #c7a05266; }
.border-navy\/20 { border-color: #10364b33; }

.object-contain { object-fit: contain; }

.hover\:bg-gold:hover { background-color: #c7a052; }
.hover\:bg-gold\/90:hover { background-color: #c7a052e6; }
.hover\:bg-navy:hover { background-color: #10364b; }
.hover\:text-gold:hover { color: #c7a052; }
.hover\:text-navy:hover { color: #10364b; }
.group:hover .group-hover\:text-gold { color: #c7a052; }
.focus\:border-gold:focus { border-color: #c7a052; }

@media (min-width: 1024px) {
  .lg\:items-center { align-items: center; }
}