:root {
  /* Pick your brand color here (replace if you prefer another) */
  --brand-primary: #0b8f6b;       /* new primary (teal/green) */
  --brand-primary-contrast: #ffffff;
  --brand-primary-dark: #0a6f51;
  --bg-dark: #0b1220;
  --text-on-dark: #f8f9fa;
  --text-muted-on-dark: #c9d0d9;
}

/* High-specificity overrides to ensure they take effect after other CSS */
body .btn.btn-primary,
.btn.btn-primary.w-100,
.card .btn.btn-primary {
  background-color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  color: var(--brand-primary-contrast) !important;
  box-shadow: none !important;
}

/* hover / focus */
body .btn.btn-primary:hover,
body .btn.btn-primary:focus,
.btn.btn-primary.w-100:hover {
  background-color: var(--brand-primary-dark) !important;
  border-color: var(--brand-primary-dark) !important;
}

/* Outline primary -> use brand color for text and border, keep transparent bg */
body .btn.btn-outline-primary,
.btn-outline-primary.w-100 {
  color: var(--brand-primary) !important;
  border-color: var(--brand-primary) !important;
  background-color: transparent !important;
}

/* Outline hover fills with brand */
body .btn.btn-outline-primary:hover,
.btn-outline-primary.w-100:hover {
  background-color: color-mix(in srgb, var(--brand-primary) 12%, white 88%) !important;
  color: var(--brand-primary-contrast) !important;
}

/* Pricing card - ensure primary accent uses brand */
.card.border-primary {
  border-color: var(--brand-primary) !important;
}
.card.border-primary .card-title,
.card.border-primary h5,
.card.border-primary .card-body h3 {
  color: var(--brand-primary) !important;
}

/* Footer contrast */
.site-footer {
  background-color: var(--bg-dark) !important;
  color: var(--text-on-dark) !important;
}
.site-footer a,
.site-footer .link-light,
.site-footer .custom-link {
  color: var(--text-on-dark) !important;
  opacity: 0.95;
}

/* Ensure alerts and badges don't clash with the new primary */
.alert-info {
  background-color: color-mix(in srgb, var(--brand-primary) 10%, white 90%) !important;
  border-color: color-mix(in srgb, var(--brand-primary) 15%, white 85%) !important;
  color: #0b1220 !important;
}