/** ============================================================
    COMPONENT: Bootstrap Overrides
    Source: theme.css, home.css, style.css
    ============================================================ */

/* --- Bootstrap purple theme overrides --- */
.text-primary   { color: var(--clr-primary) !important; }
.bg-primary     { background: var(--clr-primary) !important; }
.border-primary { border-color: var(--clr-primary) !important; }

.btn-primary {
  --bs-btn-bg:                var(--clr-primary);
  --bs-btn-border-color:      var(--clr-primary);
  --bs-btn-hover-bg:          var(--clr-primary-dark);
  --bs-btn-hover-border-color:var(--clr-primary-dark);
  --bs-btn-active-bg:         var(--clr-primary-xdark);
  --bs-btn-color:             #fff;
  --bs-btn-hover-color:       #fff;
  --bs-btn-focus-shadow-rgb:  124, 58, 237;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.btn-outline-primary {
  --bs-btn-color:             var(--clr-primary);
  --bs-btn-border-color:      var(--border-strong);
  --bs-btn-hover-bg:          var(--clr-primary);
  --bs-btn-hover-border-color:var(--clr-primary);
  --bs-btn-hover-color:       #fff;
}

.badge.bg-primary,

.text-muted { color: var(--ink-400) !important; }
.text-dark   { color: var(--ink-900) !important; }

/* --- Bootstrap button override helpers --- */
.row.g-4.justify-content-center {
  justify-content: flex-start !important;
}

.gap-2 { gap: 10px !important; }