/* Tokens do mib-objetos.
   Cores e famílias: projeto de comunicação visual vs3 (Ana Heloisa Santiago + Mariana Afonso), pág. 8 (tipografia)
   e pág. 9 (composição cromática). Tamanhos: XD da Marlise. Detalhe em .work/design/comunicacao-visual-vs3.md.
   Canvas 1920×1080; rem na base 16 (a grade.css faz a rem dinâmica).
   Fontes: kit Adobe Fonts do contratante (rxs4ntn), Magno Sans Variable e Elza. */

/* kit Adobe Fonts do contratante (Elza + Magno Sans Variable); backup dos arquivos em .mesa/local/recebido/fontes-adobe-kit-rxs4ntn/ */
@import url("https://use.typekit.net/rxs4ntn.css");

:root {
  /* paredes dos módulos: o objetos está no módulo 2 */
  --cor-modulo-1: #2e3ea4;
  --cor-modulo-2: #b10027;
  --cor-modulo-3: #4b1d46;

  /* funções de cor da exposição */
  --cor-texto-sobre-escuro: #fefad4; /* textos sobre fundo escuro, destaques */
  --cor-texto-sobre-claro: #4f4722; /* textos em fundo claro (o "marrão") */
  --cor-abertura: #ff5200; /* textos de abertura */
  --cor-destaque: #dffbf6; /* destaques e título principal */
  --cor-cartela: #ff6e00; /* cartelas do módulo 2 (pág. 12) */

  /* fundo do interativo: o verde amarronzado do vs3 (decisão do Daniel em 2026-10-30), com texto creme por cima */
  --cor-fundo: var(--cor-texto-sobre-claro);
  --cor-texto: var(--cor-texto-sobre-escuro);

  /* menu: só cores do vs3 (aprovado final). Sobre o fundo verde amarronzado, a faixa de legenda inverte: creme com texto no tom do fundo */
  --cor-fundo-menu: var(--cor-fundo);
  --cor-legenda-fundo: var(--cor-texto-sobre-escuro);
  --cor-legenda-texto: var(--cor-texto-sobre-claro);

  --fonte-titulo: "magno-sans-variable", sans-serif;
  --fonte-subtitulo: "elza", sans-serif;
  /* Elza Text (vs3) não está no kit: o texto corrido usa Elza Regular, como no XD */
  --fonte-texto: "elza", sans-serif;

  --peso-titulo-black: 900; /* títulos do XD (menu e ficha) */
  --peso-titulo-bold: 700;
  --peso-titulo-regular: 400;
  --peso-titulo-light: 300;
  --peso-subtitulo: 500;
  --peso-texto: 400;
  --peso-texto-light: 300;
  --peso-texto-black: 900;
  --cor-texto-corrente: color-mix(in srgb, var(--cor-texto) 82%, transparent); /* texto corrente levemente apagado (pedido do Daniel, 2026-11-01); negrito e títulos ficam na cor cheia */

  /* tamanhos do XD (1920×1080) */
  --texto-corpo: 2.125rem;
  --texto-corpo-entrelinha: 2.5625rem;
  /* fora do XD: lead da ficha e lâminas de texto longo (acima de 450 caracteres) */
  --texto-lead: 3rem;
  --texto-lead-entrelinha: 3.625rem;
  --texto-corpo-longo: 1.625rem;
  --texto-corpo-longo-entrelinha: 2.125rem;
  --texto-legenda: 1.125rem;
  --texto-titulo: 3.75rem;
  --texto-titulo-grande: 7.5rem;
  --texto-titulo-menu: 9.625rem;

  /* títulos das lâminas: eixo de largura (wdth) do Magno Sans Variable no mais estreito; corpo 15% menor que o do XD */
  --largura-titulo-condensada: 50%;
  --escala-corpo-lamina: 0.85;
}