/* GLOBAL TYPOGRAPHY OVERRIDES */
@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap');

:root {
  --ff-display: 'Plus Jakarta Sans', sans-serif !important;
  --ff-body: 'Plus Jakarta Sans', sans-serif !important;
}

body {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 400 !important;
  color: #6B8499 !important; /* Muted Slate / Dark Gray */
}

/* H1 */
h1, .hero h1 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 800 !important; /* Extra Bold */
  color: #FFFFFF !important;
  background-color: #0A1E3D !important; /* Deep Blue background */
  padding: 0.5rem 1rem;
  border-radius: 8px;
  display: inline-block; /* ensures the background wraps the text cleanly */
}

/* H3 */
h3, .how-step h3, .offering-card h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important; /* Bold */
  color: #1A2B3C !important; /* Dark Navy / Almost Black */
}

.benefit-card h3 {
  font-family: 'Plus Jakarta Sans', sans-serif !important;
  font-weight: 700 !important; /* Bold */
  color: #FFFFFF !important; /* White */
}

/* Pills & Status Badges */
.audience-tag,
.intro-badge,
.offering-badge,
.shariah-tag,
.badge,
.pill,
.status-badge {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  border-radius: 9999px !important;
  background-color: #F4C430 !important; /* Bright Yellow */
  color: #0A1E3D !important; /* Navy text for contrast */
  display: inline-block;
}

/* Icons on Dark Backgrounds */
.blueprint-row-icon,
.benefit-icon,
.b2b-value-icon {
  background-color: #FFFFFF !important;
  color: #0A1E3D !important; /* Deep blue icon color so it pops against white */
  border-radius: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.b2b-value-icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 6px !important;
}