/* Sistema tipográfico — única fonte de verdade.

   --font-sans  → corpo e interface (Mulish, hospedada no Firebase)
   --font-serif / --font-title → H1 e H2 (Georgia do sistema;
        Gelasio OFL hospedada se o aparelho não tiver Georgia)
   --font-h3    → H3 (Montserrat hospedada; Mulish se falhar)

   Nunca @font-face com o nome "Georgia". */

:root {
  --font-sans: "Mulish", system-ui, sans-serif;
  --font-serif: Georgia, Gelasio, "Palatino Linotype", "Times New Roman", serif;
  --font-title: var(--font-serif);
  --font-h3: "Montserrat", "Mulish", system-ui, sans-serif;
  /* Terra (#914F1C) escurecida — marrom de título, não o ink quase-preto. */
  --title-ink: color-mix(in srgb, var(--terra, #914F1C) 58%, #160804);
  /* Título sobre o verde-escuro (#3E626E / --teal-deep). */
  --title-on-teal: #faf6f0;
}

@font-face {
  font-family: "Mulish";
  src: url("/fonts/mulish-variable.woff2") format("woff2");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* Gelasio é métrica-compatível com Georgia (OFL). Nome real — nunca registrar como "Georgia".
   No Windows/macOS o stack usa a Georgia do sistema e este arquivo não entra. */
@font-face {
  font-family: "Gelasio";
  src: url("/fonts/gelasio-latin.woff2") format("woff2-variations"),
       url("/fonts/gelasio-latin.woff2") format("woff2");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Gelasio";
  src: url("/fonts/gelasio-latin-italic.woff2") format("woff2-variations"),
       url("/fonts/gelasio-latin-italic.woff2") format("woff2");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/montserrat-latin.woff2") format("woff2-variations"),
       url("/fonts/montserrat-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Montserrat";
  src: url("/fonts/montserrat-latin-italic.woff2") format("woff2-variations"),
       url("/fonts/montserrat-latin-italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD, U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

html {
  font-family: var(--font-sans);
}

/* H1/H2 e o que vive dentro deles (span, link, em). */
h1, h2,
h1 a, h2 a,
h1 span, h2 span {
  font-family: var(--font-serif);
  font-weight: 400;
  color: var(--title-ink);
}

/* H3 menor: Montserrat favorece a leitura. Spans e links inclusos. */
h3,
h3 a, h3 span {
  font-family: var(--font-h3);
  font-weight: 400;
  color: var(--title-ink);
}

/* H1/H2/H3 — e spans/links dentro — sobre o verde-escuro. */
.video-section h1, .video-section h2, .video-section h3,
.video-section h1 a, .video-section h2 a, .video-section h3 a,
.video-section h1 span, .video-section h2 span, .video-section h3 span,
.card.feat h1, .card.feat h2, .card.feat h3,
.card.feat h1 a, .card.feat h2 a, .card.feat h3 a,
.card.feat h1 span, .card.feat h2 span, .card.feat h3 span {
  color: var(--title-on-teal);
}

/* Destaque no título: só a cor terra. Sem itálico. */
h1 em, h2 em, h3 em {
  font-style: normal;
  font-weight: 400;
  color: var(--terra, #914F1C);
}

/* "Tassiane Nunes" em Quem cuida do seu caso — Georgia, sem itálico. */
.about .name,
.about h2 .name {
  font-family: var(--font-serif);
  font-style: normal;
  font-weight: 400;
  color: var(--terra, #914F1C);
}

/* Rótulos que usam h4 — interface, não título */
footer.site h4,
.ed-header-left h1,
.eyebrow {
  font-family: var(--font-sans);
  font-variation-settings: normal;
  color: inherit;
}