/* Tokens de design. Apenas custom properties — nenhum seletor de componente.
   Quem precisa de uma cor, um tamanho ou um espaço pega daqui; valor cru dentro
   de componente é o que faz um design system apodrecer. */

@font-face {
  font-family: 'Source Serif 4';
  src: url('../fonts/source-serif-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Source Serif 4';
  src: url('../fonts/source-serif-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-400.woff2') format('woff2');
  font-weight: 400; font-style: normal; font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/inter-600.woff2') format('woff2');
  font-weight: 600; font-style: normal; font-display: swap;
}

:root {
  /* Cor — o verde da marca é a cor estrutural, aplicado com disciplina */
  --verde: #004500;
  --verde-escuro: #002d00;
  --verde-claro: #0a6b2c;

  --tinta: #16181a;
  --tinta-suave: #4a5157;
  --papel: #fdfdfb;
  --papel-alt: #f5f6f3;
  --linha: #dfe3dd;

  /* Tipografia */
  --fonte-titulo: 'Source Serif 4', Georgia, 'Times New Roman', serif;
  --fonte-texto: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

  /* Escala tipográfica — razão 1.25, fluida entre 360px e 1280px */
  --t-xs: 0.78rem;
  --t-sm: 0.88rem;
  --t-base: 1rem;
  --t-md: clamp(1.06rem, 0.4vw + 0.98rem, 1.19rem);
  --t-lg: clamp(1.3rem, 0.8vw + 1.1rem, 1.56rem);
  --t-xl: clamp(1.6rem, 1.6vw + 1.2rem, 2.2rem);
  --t-2xl: clamp(2rem, 3vw + 1.3rem, 3.2rem);
  --t-3xl: clamp(2.4rem, 4.6vw + 1.4rem, 4.4rem);

  /* Espaço — escala de 4px */
  --esp-2: 0.5rem;   --esp-3: 0.75rem;  --esp-4: 1rem;
  --esp-5: 1.5rem;   --esp-6: 2rem;     --esp-7: 3rem;     --esp-8: 5rem;

  --medida: 68ch;          /* largura máxima de texto corrido */
  --largura: 1180px;       /* largura máxima do conteúdo */
  --raio: 2px;             /* cantos quase retos — linguagem de engenharia */
  --transicao: 160ms ease;

  /* Teto de exibição de foto. As duas fontes têm resoluções diferentes — 615px o
     acervo em PDF, 1280px+ a apresentação institucional. 720px acomoda as duas:
     amplia a menor em no máximo 1,17x, imperceptível, e não desperdiça a maior. */
  --foto-max: 720px;

  /* Teto de foto em pé. Retrato ocupando a mesma largura que paisagem fica alto
     demais e engole o bloco — o texto vira legenda da imagem. Estava repetido
     cru em três lugares antes de virar token. */
  --foto-retrato-max: 420px;
}