/* Vineyard Quito brand override for the ChurchCRM/Tabler theme.
   Palette pulled from vinaquito.org: plum #5f2c50, charcoal #1d1d1b, cream #f2f1ec. */
:root {
  --tblr-primary: #5f2c50;
  --tblr-primary-rgb: 95, 44, 80;
  --tblr-primary-text-emphasis: #3d1c34;
  --tblr-primary-bg-subtle: #ece2e9;
  --tblr-primary-border-subtle: #c3b5be;
  --tblr-link-color: #5f2c50;
  --tblr-link-hover-color: #3d1c34;
}

.navbar,
.navbar-vertical,
.navbar.navbar-expand-md {
  --tblr-navbar-bg: #1d1d1b;
  --tblr-navbar-color: rgba(255, 255, 255, 0.75);
  --tblr-navbar-hover-color: #ffffff;
  --tblr-navbar-active-color: #ffffff;
  --tblr-navbar-brand-color: #ffffff;
  --tblr-navbar-brand-hover-color: #ffffff;
  --tblr-navbar-active-bg: #5f2c50;
}

.btn-primary {
  background-color: #5f2c50;
  border-color: #5f2c50;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #3d1c34;
  border-color: #3d1c34;
}

.text-primary { color: #5f2c50 !important; }
.bg-primary { background-color: #5f2c50 !important; }

.navbar-brand-image {
  max-height: 2.5rem;
}

/* ChurchCRM mixes bg-primary and bg-blue as if they were the same brand color
   (Tabler's default primary IS blue) — remap blue too so nav badges/widgets match. */
:root {
  --tblr-blue: #5f2c50;
  --tblr-blue-rgb: 95, 44, 80;
}
.bg-blue { background-color: #5f2c50 !important; }
.text-blue { color: #5f2c50 !important; }
.badge.bg-blue { background-color: #5f2c50 !important; }

/* Outline buttons (Quick Setup, Yes/No toggles) and light-tint banners/alerts
   (the "Email Settings" bar) both derive from --tblr-primary/--tblr-blue via
   rgba(), but Tabler also hardcodes a handful of these per-component with
   literal fallback colors, so cover them explicitly too. */
.btn-outline-primary,
.btn-outline-blue {
  color: #5f2c50 !important;
  border-color: #5f2c50 !important;
}
.btn-outline-primary:hover,
.btn-outline-primary.active,
.btn-outline-blue:hover,
.btn-outline-blue.active,
.btn-check:checked + .btn-outline-primary,
.btn-check:checked + .btn-outline-blue {
  background-color: #5f2c50 !important;
  border-color: #5f2c50 !important;
  color: #fff !important;
}

.bg-primary-lt,
.bg-blue-lt {
  background-color: #ece2e9 !important;
  color: #3d1c34 !important;
}
.bg-primary-lt a,
.bg-blue-lt a,
.bg-primary-lt .text-blue,
.bg-blue-lt .text-blue {
  color: #5f2c50 !important;
}