/* Global overrides to improve hero contrast and CTA readability */
/* Targets hero sections (.hero-gradient and .about-hero) across pages */

/* Make large hero headings black for maximum contrast */
.hero-gradient h1,
.about-hero h1 {
  color: #000000 !important;
}

/* Darker, comfortable body text for hero/subheadings */
.hero-gradient p,
.hero-gradient .lead,
.hero-gradient .max-w-sm,
.hero-gradient .max-w-md,
.about-hero p,
.about-hero .lead {
  color: #2b2b2b !important; /* dark gray, more readable than pale blue */
}

/* Ensure CTAs and links inside hero are high-contrast */
.hero-gradient a,
.about-hero a {
  color: #0b3a4b !important; /* dark teal/navy — replace with brand color if desired */
}

/* Make outlined/white-pill buttons show darker label text */
.hero-gradient a[class*="bg-white"],
.hero-gradient .btn-hover,
.about-hero a[class*="bg-white"],
.about-hero .btn-hover {
  color: #0b3a4b !important;
}

/* Keep icons in hero visible (if they inherit pale colors) */
.hero-gradient i,
.about-hero i {
  color: #0b3a4b !important;
}

/* Small helper: increase contrast for any element that used "text-blue-100" inside hero */
.hero-gradient .text-blue-100,
.about-hero .text-blue-100 {
  color: #2b2b2b !important;
}

/* End of overrides */