/**
 * Bootstrap Override Layer
 * Hotel UI Color Governance
 *
 * This file overrides Bootstrap color utilities to use Brand Tokens
 * It should be loaded after bootstrap.css and before app.css
 */

/* ========================================
   BUTTONS
======================================== */

.btn-primary {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  opacity: 0.9;
}

.btn-success {
  background-color: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active {
  background-color: var(--gold-soft) !important;
  border-color: var(--gold-soft) !important;
}

.btn-outline-primary {
  color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
}

.btn-outline-primary:hover {
  background-color: var(--brand-blue) !important;
  border-color: var(--brand-blue) !important;
  color: var(--white) !important;
}

.btn-outline-success {
  color: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
}

.btn-outline-success:hover {
  background-color: var(--brand-gold) !important;
  border-color: var(--brand-gold) !important;
  color: var(--white) !important;
}

/* ========================================
   BACKGROUNDS
======================================== */

.bg-primary {
  background-color: var(--brand-blue) !important;
}

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

/* ========================================
   TEXT COLORS
======================================== */

.text-primary {
  color: var(--brand-blue) !important;
}

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

.text-muted {
  color: var(--neutral-gray) !important;
}

/* ========================================
   BADGES
======================================== */

.badge-primary {
  background-color: var(--brand-blue) !important;
  color: var(--white) !important;
}

.badge-success {
  background-color: var(--brand-gold) !important;
  color: var(--white) !important;
}

/* ========================================
   BORDERS
======================================== */

.border-primary {
  border-color: var(--brand-blue) !important;
}

.border-success {
  border-color: var(--brand-gold) !important;
}

/* ========================================
   ALERTS
======================================== */

.alert-primary {
  background-color: rgba(var(--brand-blue-rgb), 0.1) !important;
  border-color: var(--brand-blue) !important;
  color: var(--brand-blue) !important;
}

.alert-success {
  background-color: rgba(var(--brand-gold-rgb), 0.1) !important;
  border-color: var(--brand-gold) !important;
  color: var(--gold-dark) !important;
}

/* ========================================
   LINKS
======================================== */

a {
  color: var(--brand-blue);
}

a:hover {
  color: var(--brand-blue);
  opacity: 0.8;
}