/**
 * Site-wide typography — single Google Fonts bundle (see fonts.njk).
 * Replaces legacy Parisienne, Cormorant Garamond, Exo, Festive, Pacifico, Nunito.
 */

:root {
  --efrata-green: #8fc04e;
  --font-body: "Open Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-heading: "Raleway", var(--font-body);
  --font-ui: "Poppins", var(--font-body);
  --font-accent: "Dancing Script", cursive;
  --text-base: 1rem;
  --leading-body: 1.6;
  --leading-heading: 1.25;
}

html {
  font-size: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body {
  font-family: var(--font-body);
  font-size: var(--text-base);
  line-height: var(--leading-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--font-heading);
  line-height: var(--leading-heading);
}

.logo h1 a,
.navbar a {
  font-family: var(--font-ui);
}

/* Ministry & simple heroes — accent titles */
.hero h1,
.hero span,
#hero h3,
#hero span,
.section-title h3 span,
.about h1 span,
.about h5 span {
  font-family: var(--font-accent) !important;
  font-weight: 400;
  letter-spacing: 0.04em;
}

#hero p {
  font-family: var(--font-heading) !important;
  font-weight: 300;
  letter-spacing: 0.06em;
}

.font-italic {
  font-style: italic;
}

@media (max-width: 575px) {
  .hero h1,
  .hero span,
  #hero h3 {
    letter-spacing: 0.02em;
  }
}