/*
  Tokens de design do Instituto Oliveira.
  Paleta extraída por amostragem direta da logo oficial e do material gráfico
  do Instituto (projeto "Histórias do meu lugar"):
    azul   #1B6FAE  -> cor primária da marca (texto "INSTITUTO", maioria dos pontos)
    marinho#0E3466  -> azul profundo usado em cabeçalhos/rodapé no material oficial
    verde-água #1AA79E -> pontos intermediários do símbolo (conexão, diálogo)
    verde  #7CAA3E  -> pontos internos do símbolo (crescimento, comunidade)
*/
:root {
  /* Cor */
  --cor-marinho: #0E3466;
  --cor-marinho-2: #123E78;
  --cor-azul: #1B6FAE;
  --cor-azul-claro: #4A93C9;
  --cor-verde-agua: #17948C;
  --cor-verde: #6E9F38;
  --cor-creme: #FAF8F3;
  --cor-neve: #FFFFFF;
  --cor-neblina: #EAF2F5;
  --cor-tinta: #16232E;
  --cor-tinta-suave: #4A5A68;
  --cor-linha: #DDE7EA;
  --cor-alerta: #B3401F;

  /* Gradiente assinatura (usado com moderação: hero e destaques) */
  --gradiente-marca: linear-gradient(120deg, var(--cor-marinho) 0%, var(--cor-azul) 55%, var(--cor-verde-agua) 100%);

  /* Tipografia */
  --fonte-display: "Fraunces", "Georgia", serif;
  --fonte-corpo: "Public Sans", "Segoe UI", sans-serif;
  --fonte-utilitaria: "IBM Plex Mono", "Courier New", monospace;

  /* Escala tipográfica */
  --tam-xs: 0.8rem;
  --tam-sm: 0.925rem;
  --tam-base: 1rem;
  --tam-md: 1.15rem;
  --tam-lg: 1.5rem;
  --tam-xl: 2.1rem;
  --tam-2xl: 2.9rem;
  --tam-3xl: 3.8rem;

  /* Espaçamento */
  --esp-1: 0.4rem;
  --esp-2: 0.8rem;
  --esp-3: 1.4rem;
  --esp-4: 2.2rem;
  --esp-5: 3.6rem;
  --esp-6: 5.6rem;

  /* Layout */
  --largura-conteudo: 1180px;
  --raio: 14px;
  --raio-peq: 8px;
  --sombra: 0 12px 32px -16px rgba(14, 52, 102, 0.28);
  --sombra-suave: 0 4px 14px -6px rgba(14, 52, 102, 0.18);

  --duracao: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --duracao: 0ms; }
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}