/* ============================================================
   Template B — Style (theme-variable bridge)
   Uses backend-driven CSS variables:
   --primary, --secondary, --dark, --light, --text
   ============================================================ */

@import url("./custom-override.css");

/* Bootstrap utility alignment (Template A parity) */
.text-primary { color: var(--primary) !important; }
.text-secondary { color: var(--secondary) !important; }
.bg-primary { background-color: var(--primary) !important; }
.bg-dark { background-color: var(--dark) !important; }
.bg-light { background-color: var(--light) !important; }

/* Buttons parity */
.btn-primary {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--text) !important;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: var(--dark) !important;
  border-color: var(--dark) !important;
  color: var(--secondary) !important;
}

.btn-outline-primary {
  color: var(--primary) !important;
  border-color: var(--primary) !important;
  background: transparent !important;
}
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: var(--secondary) !important;
}