/* ==========================================================
   IDENTIDADE VISUAL — III Conferência Global do Afroturismo
   e Sustentabilidade (guia "Diaspora Black | Visual ID", out/2026,
   versão atualizada: símbolo de cinco círculos coloridos)
   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 {
  /* Base e continuidade (marca mãe) */
  --marrom: #382419;
  --creme: #FCF5E0;

  /* Cores de destaque: pluralidade e encontro (as do símbolo) */
  --verde: #3C9D24;
  --amarelo: #F8CA00;
  --laranja: #EA7100;
  --azul: #2540FF;
  --vermelho: #C40000;

  /* 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);         /* linhas, faixa de chamada */
  --cor-ponto: var(--laranja);          /* ponto final dos títulos */

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

  /* 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);
}