/* ==========================================================================
   VARIÁVEIS GLOBAIS DO SITE
   --------------------------------------------------------------------------
   Paleta INFERIDA a partir do site de referência (hco.com/pt) como direção
   visual: institucional, internacional, fundo claro, vermelho como cor de
   destaque sobre uma base azul-marinho/grafite.

   IMPORTANTE: assim que a identidade visual definitiva (manual de marca,
   hex exatos, logo) estiver pronta, troque SOMENTE os valores abaixo.
   Como todo o site consome estas variáveis (nunca cores "hardcoded" no
   HTML/CSS), o rebranding inteiro acontece aqui, em um único lugar.
   ========================================================================== */

:root {
  /* ---- Cores de marca ---- */
  --cor-primaria:        #A6192E; /* vermelho institucional - CTAs, links, destaques */
  --cor-primaria-escura: #7E1223; /* hover/active da cor primária */
  --cor-secundaria:      #0B2545; /* azul-marinho - cabeçalho, rodapé, títulos */
  --cor-secundaria-clara:#16345C; /* variação para hover em fundo escuro */
  --cor-terciaria:       #C9A227; /* dourado - selos, destaques pontuais */

  /* ---- Neutros ---- */
  --cor-fundo:           #FFFFFF; /* fundo padrão das páginas */
  --cor-fundo-alt:       #F5F6F8; /* fundo alternado de seções (zebra) */
  --cor-texto:           #101820; /* texto principal */
  --cor-texto-claro:     #6B7280; /* texto secundário / legendas */
  --cor-borda:           #E5E7EB; /* linhas e divisores */
  --cor-branco:          #FFFFFF;

  /* ---- Estados ---- */
  --cor-sucesso:         #1F8A45;
  --cor-erro:            #C0392B;
  --cor-aviso:           #C9A227;

  /* ---- Tipografia ---- */
  --fonte-base: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;
  --fonte-titulo: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Arial, sans-serif;

  --texto-xs:   0.75rem;
  --texto-sm:   0.875rem;
  --texto-base: 1rem;
  --texto-lg:   1.125rem;
  --texto-xl:   1.5rem;
  --texto-2xl:  2rem;
  --texto-3xl:  2.75rem;

  /* ---- Espaçamento ---- */
  --espaco-1: 0.25rem;
  --espaco-2: 0.5rem;
  --espaco-3: 1rem;
  --espaco-4: 1.5rem;
  --espaco-5: 2rem;
  --espaco-6: 3rem;
  --espaco-7: 4.5rem;

  /* ---- Layout ---- */
  --largura-maxima: 1200px;
  --raio-borda: 6px;
  --sombra-card: 0 4px 16px rgba(16, 24, 32, 0.08);
  --transicao-padrao: all 0.2s ease-in-out;

  /* ---- Header ---- */
  --altura-header: 84px;
}