/* === Custom Bootstrap Theme Based on #D51C29 === */

:root {
  --bs-primary: #D51C29;
  --bs-primary-rgb: 213, 28, 41;

  --bs-secondary: #404040;
  --bs-secondary-rgb: 64, 64, 64;

  --bs-success: #4CAF50;
  --bs-danger: #D51C29;
  --bs-warning: #FF9800;
  --bs-info: #2196F3;

  --bs-body-bg: #FFFFFF;
  --bs-body-color: #000000;

  --bs-light: #F8F8F8;
  --bs-dark: #1E1E1E;
  
}

/* === Optional: Custom Class Enhancements === */

.navbar-primary {
  background-color: var(--bs-primary) !important;
  color: white;
}

.navbar-dark .navbar-brand,
.navbar-dark .nav-link {
  color: white !important;
}

.btn-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #b81825; /* slightly darker shade for hover */
  border-color: #b81825;
  color: #fff;
}

.btn-outline-primary {
  border-color: var(--bs-primary);
  color: var(--bs-primary);
}
.btn-outline-primary:hover {
  background-color: var(--bs-primary);
  color: white;
}

.card-header.bg-primary,
.alert-primary {
  background-color: var(--bs-primary) !important;
  color: white !important;
}


.text-secondary {
  color: #5C5C5C !important;
}
.text-disabled {
  color: #C0C0C0 !important;
}

.bg-surface {
  background-color: #F8F8F8;
}