/* GERADO por tools/build-tokens.py a partir de docs/design-system/tokens.json.
   Não edite à mão: edite tokens.json e rode o script de novo. */

@font-face {
	font-family: "Rhetoric";
	src: url("../fonts/Rhetoric-Bold.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Rhetoric";
	src: url("../fonts/Rhetoric-Italic.woff2") format("woff2");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: "Rhetoric";
	src: url("../fonts/Rhetoric-Light.woff2") format("woff2");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Rhetoric";
	src: url("../fonts/Rhetoric-Regular.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: "Rhetoric";
	src: url("../fonts/Rhetoric-SemiBold.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

:root {
	--cor-principal: #e173f6;
	--cor-contraste: #0b285e;
	--cor-apoio-1: #0a4c5c;
	--cor-apoio-2: #0d6fd6;
	--cor-preto: #101922;
	--cor-composicao: #ff8576;
	--cor-texto-social: #241fb9;
	--cor-off-white-1: #e2ded5;
	--cor-off-white-2: #e5d5c6;
	--cor-branco: #ffffff; /* branco puro: só texto de título grande sobre principal/composição, e texto sobre contraste */

	--fonte-sans: "Rhetoric", system-ui, sans-serif;
	--fonte-apoio: "Open Sans", system-ui, sans-serif;

	--tipo-display-tamanho: 48px;
	--tipo-display-entrelinha: 52px;
	--tipo-display-peso: 300;
	--tipo-titulo-tamanho: 32px;
	--tipo-titulo-entrelinha: 38px;
	--tipo-titulo-peso: 600;
	--tipo-subtitulo-tamanho: 22px;
	--tipo-subtitulo-entrelinha: 28px;
	--tipo-subtitulo-peso: 400;
	--tipo-corpo-tamanho: 18px;
	--tipo-corpo-entrelinha: 28px;
	--tipo-corpo-peso: 400;
	--tipo-corpo-destaque-tamanho: 18px;
	--tipo-corpo-destaque-entrelinha: 28px;
	--tipo-corpo-destaque-peso: 700;
	--tipo-chamada-tamanho: 14px;
	--tipo-chamada-entrelinha: 18px;
	--tipo-chamada-peso: 700;
	--tipo-chamada-tracking: 0.02em;
	--tipo-legenda-tamanho: 14px;
	--tipo-legenda-entrelinha: 20px;
	--tipo-legenda-peso: 400;
	--tipo-feed-titulo-tamanho: 79px;
	--tipo-feed-titulo-entrelinha: 1.05;
	--tipo-feed-titulo-peso: 600;
	--tipo-feed-titulo-tracking: -0.05em;
	--tipo-feed-frase-tamanho: 78px;
	--tipo-feed-frase-entrelinha: 1.1;
	--tipo-feed-frase-peso: 300;
	--tipo-feed-corpo-tamanho: 31px;
	--tipo-feed-corpo-entrelinha: 1.35;
	--tipo-feed-corpo-peso: 400;
	--tipo-feed-corpo-tracking: -0.05em;
	--tipo-feed-chamada-tamanho: 30px;
	--tipo-feed-chamada-entrelinha: 1.2;
	--tipo-feed-chamada-peso: 700;
	--tipo-feed-legenda-tamanho: 19px;
	--tipo-feed-legenda-entrelinha: 1.35;
	--tipo-feed-legenda-peso: 400;
	--tipo-feed-legenda-tracking: -0.05em;
	--tipo-feed-url-tamanho: 19px;
	--tipo-feed-url-entrelinha: 1.2;
	--tipo-feed-url-peso: 700;
	--tipo-feed-url-tracking: -0.05em;
	--tipo-story-titulo-tamanho: 120px;
	--tipo-story-titulo-entrelinha: 1.0;
	--tipo-story-titulo-peso: 700;
	--tipo-story-titulo-tracking: -0.05em;
	--tipo-story-corpo-tamanho: 54px;
	--tipo-story-corpo-entrelinha: 1.3;
	--tipo-story-corpo-peso: 400;
	--tipo-story-chamada-tamanho: 58px;
	--tipo-story-chamada-entrelinha: 1.2;
	--tipo-story-chamada-peso: 600;
	--tipo-story-legenda-tamanho: 32px;
	--tipo-story-legenda-entrelinha: 1.3;
	--tipo-story-legenda-peso: 400;
	--tracking-titulo: -0.05em; /* de feed-titulo, medido nos PSDs; só em títulos */
	--tracking-texto: 0; /* aprovação 2026-10-09: texto corrido sem espaçamento negativo */

	--esp-post-margem-capa: 76px;
	--esp-post-margem: 162px;
	--esp-post-margem-rodape: 92px;
	--esp-story-margem: 90px;
}

/* Contraste WCAG (texto / fundo), calculado pelo script:

          preto sobre off-white-1  13.21:1  texto corrido ok
          preto sobre off-white-2  12.38:1  texto corrido ok
      contraste sobre off-white-1  10.57:1  texto corrido ok
      contraste sobre off-white-2   9.91:1  texto corrido ok
          preto sobre principal     6.74:1  texto corrido ok
      contraste sobre principal     5.40:1  texto corrido ok
          preto sobre composicao    7.49:1  texto corrido ok
      contraste sobre composicao    5.99:1  texto corrido ok
        #ffffff sobre contraste    14.20:1  texto corrido ok
    off-white-1 sobre contraste    10.57:1  texto corrido ok
        #ffffff sobre apoio-1       9.54:1  texto corrido ok
    off-white-1 sobre apoio-1       7.11:1  texto corrido ok
        #ffffff sobre apoio-2       4.93:1  texto corrido ok
        #ffffff sobre principal     2.63:1  não passa
        #ffffff sobre composicao    2.37:1  não passa
      principal sobre off-white-1   1.96:1  não passa
      principal sobre contraste     5.40:1  texto corrido ok
    off-white-2 sobre contraste     9.91:1  texto corrido ok
*/