:root {
  --bias-primary: #15931b;      /* fallback */
  --bias-secondary: #111827;    /* fallback */
}

/* Use these helpers in Tailwind-based templates */
.bg-bias-primary {
  background-color: var(--bias-primary);
}

.text-bias-primary {
  color: var(--bias-primary);
}

.border-bias-secondary {
  border-color: var(--bias-secondary);
}

/* For soft-tinted backgrounds (icons, chips, etc.) */
.bg-bias-primary-soft {
  background-color: color-mix(in srgb, var(--bias-primary) 15%, transparent);
}

/* Page wrapper background (if we don't use full-screen hero bg) */
.bias-page-bg {
  background-color: var(--bias-page-bg, #f6f8f6);
}


.bias-page-light {
  background-color: #f6f8f6;
}