/* Ved Mandir Foundation typography update */
:root {
    --heading-color: #FF7722;
}

/* General content readability */
body {
    font-size: 18px;
    line-height: 1.75;
}

p, li {
    font-size: 18px;
    line-height: 1.75;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.section-heading h1, .section-heading h2, .section-heading h3,
.page-hero h1,
.cause-content h3, .value-card h3, .mission-card h3,
.service-card h3 {
     color: #FF7722 !important ;
}
.hero h1 {
  color : green !important;
}
.cta-content h2 {
   color : green !important;
}
h1 { font-size: clamp(36px, 5vw, 54px); }
h2 { font-size: clamp(30px, 4vw, 42px); }
h3 { font-size: clamp(23px, 3vw, 30px); }
h4 { font-size: 22px; }
h5 { font-size: 20px; }
h6 { font-size: 18px; }

/* Section labels / eyebrow text */
.section-heading > span,
.section-heading > .eyebrow,
.page-hero > .container > span,
.hero .eyebrow {
    font-size: 27px;
}

/* Navigation and footer links */
.site-navigation a,
.footer-links a,
.footer-quick-links a {
    font-size: 17px;
}

/* Mobile readability */
@media (max-width: 768px) {
    body, p, li {
        font-size: 17px;
        line-height: 1.7;
    }

    h1 { font-size: 36px; }
    h2 { font-size: 30px; }
    h3 { font-size: 24px; }
}