/* === Gray === */
.bg-gray-100 { background-color: #f8f9fa !important; }
.text-gray-100 { color: #f8f9fa !important; }

.bg-gray-300 { background-color: #dee2e6 !important; }
.text-gray-300 { color: #dee2e6 !important; }

.bg-gray-600 { background-color: #6c757d !important; }
.text-gray-600 { color: #6c757d !important; }

.bg-gray-700 { background-color: #495057 !important; }
.text-gray-700 { color: #495057 !important; }

.bg-gray-900 { background-color: #6610f2  !important; }
.text-gray-900 { color: #6610f2  !important; }

/* === Blue === */
.bg-blue-500 { background-color: #0d6efd !important; }
.text-blue-500 { color: #0d6efd !important; }

/* === Teal === */
.bg-teal-200 { background-color: #99f6e4 !important; }
.text-teal-200 { color: #99f6e4 !important; }

.bg-teal-300 { background-color: #5eead4 !important; }
.text-teal-300 { color: #5eead4 !important; }

.bg-teal-400 { background-color: #20c997 !important; }
.text-teal-400 { color: #20c997 !important; }

/* === Indigo === */
.bg-indigo-200 { background-color: #b9bffb !important; }
.text-indigo-200 { color: #b9bffb !important; }

.bg-indigo-500 { background-color: #6610f2 !important; }
.text-indigo-500 { color: #6610f2 !important; }

/* 🎨 КАСТОМНАЯ ПАЛИТРА */
:root {
  --clr-bg-page: #f8f9fa;           /* gray-100 */
  --clr-border-light: #dee2e6;      /* gray-300 */
  --clr-main-accent: #0d6efd;       /* blue-500 */
  --clr-success: #20c997;           /* teal-400 */
  --clr-success-mid: #5eead4;       /* teal-300 */
  --clr-success-soft: #99f6e4;      /* teal-200 */
  --clr-indigo: #6610f2;
  --clr-indigo-soft: #b9bffb;
  --clr-text-main: #212529;
  --clr-text-secondary: #6c757d;
}

/* ✅ ПЕРЕОПРЕДЕЛЕНИЯ Bootstrap-классов */
.bg-gray-100,
.bg-light {
  background-color: var(--clr-bg-page) !important;
}

.text-gray-900 {
  color: var(--clr-text-main) !important;
}

.border-gray-300 {
  border-color: var(--clr-border-light) !important;
}

.bg-white {
  background-color: #ffffff !important;
}

.bg-blue-500,
.bg-primary {
  background-color: var(--clr-main-accent) !important;
  color: white !important;
}

.text-primary {
  color: var(--clr-main-accent) !important;
}

.btn-primary-custom,
.btn-primary {
  background-color: var(--clr-main-accent) !important;
  border-color: var(--clr-main-accent) !important;
  color: white !important;
}

.btn-primary-custom:hover,
.btn-primary:hover {
  background-color: #0b5ed7 !important;
  border-color: #0a58ca !important;
}

.bg-success {
  background-color: var(--clr-success) !important;
}

.text-success {
  color: var(--clr-success) !important;
}

.bg-secondary {
  background-color: var(--clr-border-light) !important;
}

.text-gray-600 {
  color: var(--clr-text-secondary) !important;
}

.alert-success {
  background-color: var(--clr-success-soft) !important;
  border-color: var(--clr-success-mid) !important;
  color: var(--clr-text-main) !important;
}

.alert-warning {
  background-color: #fff3cd !important;
  border-color: #ffecb5 !important;
  color: #664d03 !important;
}

.text-indigo-500 {
  color: var(--clr-indigo) !important;
}

.bg-indigo-200 {
  background-color: var(--clr-indigo-soft) !important;


/* Кастомизация alert-info под лиловый стиль */
.alert-info {
  background-color: #b9bffb !important;  /* indigo-200 — фон */
  color: #212529 !important;             /* тёмный текст для читаемости */
  border-left: 4px solid #6610f2 !important; /* indigo-500 — акцентная рамка */
  border-radius: 0.5rem;
}