/* Escala tipografica — mobile primeiro. Serifa para emocionar, sans para informar. */
:root{
  /* Tamanhos mobile */
  --fs-h1:34px;
  --fs-sub:17px;
  --fs-h2:26px;
  --fs-h3:19px;
  --fs-body:16px;
  --fs-button:16px;
  --fs-eyebrow:12px;
  --fs-micro:13px;

  /* Tamanhos desktop */
  --fs-h1-desktop:56px;
  --fs-sub-desktop:20px;
  --fs-h2-desktop:38px;
  --fs-h3-desktop:21px;
  --fs-body-desktop:17px;
  --fs-button-desktop:17px;
  --fs-eyebrow-desktop:13px;
  --fs-micro-desktop:14px;

  /* Pesos */
  --fw-display:500; /* @kind font */
  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */

  /* Entrelinha */
  --lh-h1:1.15; /* @kind other */
  --lh-sub:1.6; /* @kind other */
  --lh-h2:1.25; /* @kind other */
  --lh-h3:1.35; /* @kind other */
  --lh-body:1.7; /* @kind other */
  --lh-button:1.2; /* @kind other */
  --lh-eyebrow:1.4; /* @kind other */
  --lh-micro:1.5; /* @kind other */

  /* Espacamento entre letras */
  --ls-h1:-0.5px; /* @kind spacing */
  --ls-h2:-0.2px; /* @kind spacing */
  --ls-button:0.3px; /* @kind spacing */
  --ls-eyebrow:2px; /* @kind spacing */

  /* Medida */
  --measure-text:680px; /* @kind spacing */
  --measure-page:1120px; /* @kind spacing */
}

@media (min-width:768px){
  :root{
    --fs-h1:var(--fs-h1-desktop);
    --fs-sub:var(--fs-sub-desktop);
    --fs-h2:var(--fs-h2-desktop);
    --fs-h3:var(--fs-h3-desktop);
    --fs-body:var(--fs-body-desktop);
    --fs-button:var(--fs-button-desktop);
    --fs-eyebrow:var(--fs-eyebrow-desktop);
    --fs-micro:var(--fs-micro-desktop);
  }
}