/* app/static/css/fonts.css
 *
 * Tier: Base. Fonte da plataforma — Montserrat, bundlada LOCAL (.woff2),
 * NUNCA via CDN (ver memória feedback_bundle_fonts_in_project). Licença:
 * SIL Open Font License 1.1 (livre, uso comercial + self-host).
 * Pesos bundlados = os que a UI usa: 400 (corpo), 500 (medium), 600
 * (semibold), 700 (bold). `font-display: swap` = texto aparece na fallback
 * e troca ao carregar (sem tela em branco). O body aplica a stack no style.css.
 */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../fonts/montserrat-400.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/montserrat-500.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../fonts/montserrat-600.woff2") format("woff2");
}
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/montserrat-700.woff2") format("woff2");
}

/* Compensação de escala: Montserrat tem x-height maior e é mais larga que a
   Segoe UI antiga; reduzir o root ~6% (15/16) reescala TODO o texto em rem
   (≈268 usos) de uma vez, pra a densidade ficar parecida com a de antes. Um
   número só pra calibrar. Fica AQUI (não no style.css) pra valer só no app —
   o site público de RSVP não carrega fonts.css, então mantém 16px. Os poucos
   tamanhos em px (números grandes dos tiles) não escalam — de propósito. */
html { font-size: 15px; }
