/* EIYAKU Brand Colors - Blue from logo background #7893B0 */

/* Primary blue color classes to replace indigo */
.bg-brand-50 {
  background-color: #F0F4F8;
}

.bg-brand-100 {
  background-color: #E1E9F0;
}

.bg-brand-400 {
  background-color: #A0B5CC;
}

.bg-brand-500 {
  background-color: #8CA4BE;
}

.bg-brand-600 {
  background-color: #7893B0;
}

.bg-brand-700 {
  background-color: #64798D;
}

.text-brand-400 {
  color: #A0B5CC;
}

.text-brand-500 {
  color: #8CA4BE;
}

.text-brand-600 {
  color: #7893B0;
}

.text-brand-700 {
  color: #64798D;
}

.ring-brand-600 {
  --tw-ring-color: #7893B0;
}

.ring-brand-200 {
  --tw-ring-color: #D2DEEA;
}

.ring-brand-300 {
  --tw-ring-color: #B9CCDE;
}

.hover\:ring-brand-300:hover {
  --tw-ring-color: #B9CCDE;
}

.border-brand-600 {
  border-color: #7893B0;
}

.outline-brand-600 {
  outline-color: #7893B0;
}

/* Hover states */
.hover\:bg-brand-500:hover {
  background-color: #8CA4BE;
}

.hover\:bg-brand-100:hover {
  background-color: #E1E9F0;
}

.hover\:text-brand-600:hover {
  color: #7893B0;
}

/* Focus states */
.focus\:ring-brand-600:focus {
  --tw-ring-color: #7893B0;
}

.focus\:outline-brand-600:focus {
  outline-color: #7893B0;
}

.focus-visible\:outline-brand-600:focus-visible {
  outline-color: #7893B0;
}

/* File input specific */
.file\:bg-brand-50::file-selector-button {
  background-color: #F0F4F8;
}

.file\:text-brand-700::file-selector-button {
  color: #64798D;
}

.hover\:file\:bg-brand-100:hover::file-selector-button {
  background-color: #E1E9F0;
}

/* Group hover */
.group:hover .group-hover\:text-brand-600 {
  color: #7893B0;
}