/* ==========================================================
   IDENTIDADE VISUAL — III Conferência Global do Afroturismo
   e Sustentabilidade (guia "Diaspora Black | Visual ID", out/2026)
   Todas as cores, fontes e formas do site vêm daqui.
   ========================================================== */

/* Bebas Neue Pro (guia) é comercial: usamos a Bebas Neue do Google Fonts.
   Se tiverem a licença da Pro, troque o @import por @font-face. */
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@400;500;600;700&display=swap");

:root {
  /* Paleta do guia */
  --marrom: #35251B;
  --creme: #FBF5E2;
  --verde: #589B39;
  --amarelo: #ECCF53;

  /* Papéis */
  --cor-primaria: var(--marrom);        /* botões */
  --cor-primaria-texto: var(--creme);
  --cor-secundaria: var(--verde);       /* rótulos, palavra em destaque */
  --cor-acento: var(--amarelo);         /* ponto final, linhas */

  --cor-fundo: var(--creme);
  --cor-fundo-alt: #F3EAD0;             /* tom do creme para alternar seções */
  --cor-fundo-escuro: var(--marrom);
  --cor-texto: var(--marrom);
  --cor-texto-suave: #6A5A4C;
  --cor-texto-invertido: var(--creme);
  --cor-borda: #E2D6B8;

  /* Tipografia: títulos condensados em caixa alta */
  --fonte-titulo: "Bebas Neue", "Bebas Neue Pro", Impact, sans-serif;
  --fonte-texto: "Inter", system-ui, sans-serif;
  --peso-titulo: 400;
  --caixa-titulo: uppercase;
  --espacamento-titulo: 0.005em;
  --tamanho-h1: clamp(3.2rem, 8vw, 6.5rem);
  --tamanho-h2: clamp(2.4rem, 5vw, 4rem);
  --tamanho-h3: 1.6rem;

  /* Formas */
  --raio: 4px;
  --raio-botao: 999px;
  --sombra: none;

  /* Imagens */
  --hero-imagem: none;
  --hero-sobreposicao: rgba(0, 0, 0, 0);
}