/**
 * Bootstrap Overrides
 * 
 * Кастомизация Bootstrap компонентов под дизайн-систему проекта
 * Использует CSS переменные из base/variables.css
 */

body {
  background: var(--color-bg-base);
  color: var(--text-primary);
  font-family: var(--font-family-base);
}

.navbar-brand {
  font-family: var(--font-family-brand);
  letter-spacing: 0.2px;
}

.card.border-0 {
  border: 1px solid var(--color-border-default) !important;
}

/* Focus states */
.btn:focus-visible,
.form-control:focus,
.form-select:focus,
.form-check-input:focus,
.page-link:focus,
.dropdown-item:focus,
.nav-link:focus-visible {
  box-shadow: 0 0 0 var(--focus-ring-width) var(--focus-ring-color);
}

/* Form controls */
.form-control,
.form-select {
  min-height: var(--control-height-md);
  border-color: var(--color-border-default);
}

.form-control:disabled,
.form-select:disabled {
  background-color: #edf3f8;
}

.form-control.is-invalid,
.form-select.is-invalid {
  border-color: var(--color-danger);
}

.form-check-input {
  border-color: #b7c3cf;
  background-color: rgba(191, 201, 211, 0.35);
  opacity: 0.78;
}

.form-check-input:checked {
  background-color: rgba(134, 149, 164, 0.78);
  border-color: #93a5b7;
  box-shadow: none;
}

/* Alerts */
.alert-success {
  --bs-alert-bg: var(--status-success-bg);
}

.alert-warning {
  --bs-alert-bg: var(--status-warning-bg);
}

.alert-danger {
  --bs-alert-bg: var(--status-danger-bg);
}

.alert-info {
  --bs-alert-bg: var(--status-info-bg);
}

/* Badges */
.badge.text-bg-success {
  background: #e9f4ec !important;
  color: #2f6f45 !important;
  border: 1px solid #cde2d3;
}

.badge.text-bg-primary {
  background: #e6eef5 !important;
  color: #2f5e85 !important;
  border: 1px solid #cfdde8;
}

.badge.text-bg-danger {
  background: #f7e7ea !important;
  color: #8d3a47 !important;
  border: 1px solid #ebccd2;
}

/* Progress */
.progress {
  background: rgba(176, 188, 199, 0.34);
}

.progress-bar {
  background: rgba(121, 137, 152, 0.78);
  color: rgba(255, 255, 255, 0.92);
}

/* Navigation tabs */
.nav-tabs .nav-link {
  color: #4c6173;
}

.nav-tabs .nav-link.active {
  color: var(--color-primary);
}

/* Dropdowns */
.dropdown-item.active,
.dropdown-item:active {
  background-color: var(--color-primary-light);
  color: var(--color-primary-hover);
}