:root{
  --bs-primary: var(--brand);
  --bs-link-color: var(--brand);
  --bs-link-hover-color: color-mix(in srgb, var(--brand) 82%, #000);
}






.btn-primary{
  --bs-btn-bg: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-color: var(--brand-text-on,#fff);
  --bs-btn-hover-bg: color-mix(in srgb, var(--brand) 88%, #000);
  --bs-btn-hover-border-color: color-mix(in srgb, var(--brand) 88%, #000);
  --bs-btn-hover-color: var(--brand-text-on,#fff);
  --bs-btn-active-bg: color-mix(in srgb, var(--brand) 80%, #000);
  --bs-btn-active-border-color: color-mix(in srgb, var(--brand) 80%, #000);
  --bs-btn-active-color: var(--brand-text-on,#fff);
  --bs-btn-disabled-bg: var(--brand);
  --bs-btn-disabled-border-color: var(--brand);
  --bs-btn-disabled-color: var(--brand-text-on,#fff);
}
.btn-outline-primary{
  --bs-btn-color: var(--brand);
  --bs-btn-border-color: var(--brand);
  --bs-btn-hover-bg: var(--brand);
  --bs-btn-hover-border-color: var(--brand);
  --bs-btn-hover-color: var(--brand-text-on,#fff);
  --bs-btn-active-bg: var(--brand);
  --bs-btn-active-border-color: var(--brand);
  --bs-btn-active-color: var(--brand-text-on,#fff);
}


.bg-primary{ background-color: var(--brand) !important; }
.text-primary{ color: var(--brand) !important; }
.text-bg-primary{ background-color: var(--brand) !important; color:var(--brand-text-on,#fff) !important; }
.border-primary{ border-color: var(--brand) !important; }


.navbar.bg-dark, .navbar.bg-primary{
  background: linear-gradient(135deg, var(--nav-bg-start), var(--nav-bg-end)) !important;
}