/* Brand colors */
:root {
  --light-purple: #d1e8e5;
  --purple: #a3d0c9;
  --bg-purple: #a3d0c9;
  --dark-purple: #1f3f3b;
  --body-text-purple: #3d5450;
  --slider-dots-color: #b7d4ce;
  --light-bg: #d1e8e5;
  --accent: #a3d0c9;
}

/* Nunito via next/font + readable contrast on mint CTAs */
body,
button,
input,
textarea,
.btn,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-nunito), "Nunito", sans-serif !important;
}

/* Text accents → main brand color */
.section_title h2 span,
.banner_section .banner_text h1 span,
.about_app_section .about_text .section_title h2 span,
.modern_ui_section .ui_text .section_title h2 span,
.how_it_works .section_title h2 span,
.how_it_works .step_block ul li .step_text span,
.how_it_works .step_block ul li .step_text span a,
.testimonial_section .section_title h2 span,
.pricing_section .section_title h2 span,
.faq_section .section_title h2 span,
.interface_section .section_title h2 span,
.latest_story .section_title h2 span,
.newsletter_section .section_title h2 span,
.signup_form .section_title h2 span,
.contact_form .section_title h2 span,
.contact_info .section_title h2 span,
.app_solution_section .section_title h2 span,
.why_we_section .section_title h2 span,
.bred_crumb .bred_text h1 span,
.page_wrapper h1 span,
.page_wrapper h2 span {
  color: #a3d0c9 !important;
}

/* Links & interactive text accents */
a:hover,
.navbar-expand-lg .navbar-nav .nav-link:hover,
.navbar-expand-lg .navbar-nav .nav-link.active,
.contact_text a,
.or_option a,
.back_btn:hover,
.story_box .story_text a,
.total_review a,
.footer a:hover,
.bread_crumb a:hover,
.bred_text ul li a:hover {
  color: #a3d0c9 !important;
}

.puprple_btn,
.navbar-expand-lg .navbar-nav .nav-link.dark_btn,
.white_header .navbar-expand-lg .navbar-nav .nav-link.dark_btn {
  color: #1f3f3b !important;
  font-weight: 700;
}

.puprple_btn:hover {
  color: #1f3f3b !important;
}

.purple_backdrop {
  background-color: rgba(31, 63, 59, 0.95) !important;
}

/* Download band: keep accent readable on dark mint */
.free_app_section .section_title h2 span,
.free_app_inner .section_title h2 span {
  color: #a3d0c9 !important;
}