/* Dinner Vote — Brand overrides (nuclear last) */
/* Load this AFTER all other styles in index.html to ensure it wins in prod */

:root {
  --bs-primary: #8A3B2D;
  --bs-primary-rgb: 138, 59, 45;

  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), 0.25);
  --bs-form-control-focus-border-color: var(--bs-primary);
  --bs-form-control-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25);
  --bs-form-select-focus-border-color: var(--bs-primary);
  --bs-form-select-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25);
  --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
  --bs-btn-focus-box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.35);
}

/* Fallbacks to force the ring if variables are ignored somewhere */
.form-control:focus,
.form-select:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25) !important;
  outline: 0 !important;
}

.btn:focus,
.btn:focus-visible {
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.35) !important;
  outline: 0 !important;
}

.form-check-input:focus {
  border-color: var(--bs-primary) !important;
  box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), 0.25) !important;
}