/* ======================================================================
   Inter · Fontes da marca
   ----------------------------------------------------------------------
   Duas famílias, dois papéis.

   Citrina      fala alto: statements, títulos e display de card. É a voz
                da marca. Em tela, sempre em peso light — é assim que o
                guia de marca mostra toda peça de display. Slide é outro
                meio, lido a metros de distância, e lá o template 2026
                usa Regular, Medium e Bold; a escala está na seção 05 do
                catálogo. Por isso os cinco pesos ficam declarados.
   Citrina Text o mesmo desenho ajustado para tamanhos menores. Use dos
                títulos pequenos para baixo, a partir de mais ou menos
                24px, onde a Citrina de display começa a apertar.
   Inter        faz o trabalho de leitura: intro, corpo, rótulos e notas.
                É uma fonte variável, então um arquivo cobre de 100 a 900.

   Os arquivos ficam em /fonts e são servidos pelo próprio projeto. Nada
   vem de fora: a página abre sem rede, inclusive por file://.

   font-display: swap desenha primeiro com a fonte de sistema e troca
   quando a da marca chega. O texto nunca fica invisível esperando.
   ====================================================================== */

/* -------------------------------------------------------- Citrina display */
@font-face {
  font-family: 'Citrina';
  src: url('../../fonts/citrina/Citrina-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina';
  src: url('../../fonts/citrina/Citrina-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina';
  src: url('../../fonts/citrina/Citrina-LightItalic.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina';
  src: url('../../fonts/citrina/Citrina-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina';
  src: url('../../fonts/citrina/Citrina-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina';
  src: url('../../fonts/citrina/Citrina-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina';
  src: url('../../fonts/citrina/Citrina-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ----------------------------------------------------------- Citrina Text */
@font-face {
  font-family: 'Citrina Text';
  src: url('../../fonts/citrina/CitrinaText-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina Text';
  src: url('../../fonts/citrina/CitrinaText-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina Text';
  src: url('../../fonts/citrina/CitrinaText-Italic.otf') format('opentype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina Text';
  src: url('../../fonts/citrina/CitrinaText-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Citrina Text';
  src: url('../../fonts/citrina/CitrinaText-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* ------------------------------------------------------------------ Inter */
/* Um arquivo variável para toda a faixa de peso. Onde o navegador não
   entender a faixa, ele cai nos dois estáticos declarados depois. */
@font-face {
  font-family: 'Inter';
  src: url('../../fonts/inter/Inter-VariableFont_slnt,wght.ttf') format('truetype-variations'),
       url('../../fonts/inter/Inter-Regular.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../../fonts/inter/Inter-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}