/* ==========================================================================
   fonts.css — tipografia self-hosted do site DSC Advogados
   --------------------------------------------------------------------------
   Cormorant Garamond (títulos) + Space Grotesk (texto e interface).
   Os .woff2 são variáveis: um arquivo cobre toda a faixa de peso.

   Porque existe um fallback métrico
   ---------------------------------
   Com font-display: swap o navegador pinta o texto primeiro com a fonte local
   e troca pela webfont quando ela chega. Se as duas ocuparem espaços diferentes,
   o texto pula — e isso é medido como CLS. Em rede lenta o H1+parágrafo do hero
   chegavam a somar 0,147 de CLS (limite "bom" = 0,1).

   Como os números foram obtidos
   -----------------------------
   Medimos, no navegador, o mesmo layout com a webfont e apenas com o fallback,
   varrendo size-adjust até os dois estados terem o MESMO número de linhas e os
   MESMOs tops (medida: retângulos do Range do h1/lead e posição do bloco de
   botões, em 390 px e em 1440 px). Resultado: CLS 0 em 3G/4G mobile e 0,0006
   em desktop.

   Para usar o CDN do Google no lugar: troque FONTS_LOCAL por FONTS_GOOGLE em
   gerador/layout.py (o bloco comentado já está no <head> de cada página).
   ========================================================================== */

/* ---------------- fallbacks com métricas casadas com as webfonts --------- */
@font-face {
  font-family: "Cormorant Fallback";
  src: local("Times New Roman"), local("Liberation Serif"), local("Georgia");
  size-adjust: 106%;           /* serifada local é ~6% mais estreita que a Cormorant */
  ascent-override: 95%;
  descent-override: 24%;
  line-gap-override: 0%;
}
@font-face {
  font-family: "Grotesk Fallback";
  src: local("Helvetica Neue"), local("Arial"), local("Liberation Sans");
  size-adjust: 105%;            /* 101,8% casava a largura média mas quebrava uma linha a menos */
  ascent-override: 96%;
  descent-override: 24%;
  line-gap-override: 0%;
}

/* ------------------------------ Cormorant Garamond ----------------------- */
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 400 700;          /* eixo variável: um arquivo, todos os pesos */
  font-display: swap;
  src: url("CormorantGaramond-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F,
                 U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: italic;
  font-weight: 400 700;
  font-display: swap;
  src: url("CormorantGaramond-latin-italic.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F,
                 U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}

/* ------------------------------ Space Grotesk ---------------------------- */
@font-face {
  font-family: "Space Grotesk";
  font-style: normal;
  font-weight: 300 700;
  font-display: swap;
  src: url("SpaceGrotesk-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+2000-206F,
                 U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF;
}