/* ==========================================================================
   ARQUIVO: variaveis.css
   OBJETIVO: Permite alterar as cores e estilo do site do corretor facilmente.
   Se o cliente quiser um site verde, azul marinho ou preto, basta alterar aqui.
   ========================================================================== */

:root {
  /* Cores Principais Padrão (Substituídas imediatamente pelo data/config.js) */
  --cor-primaria: #475569;       /* Tom neutro elegante em vez de azul */
  --cor-primaria-hover: #334155;
  --cor-secundaria: #64748b;
  --cor-whatsapp: #16a34a;       /* Verde oficial para o botão de WhatsApp */
  --cor-whatsapp-hover: #15803d;

  /* Cores de Fundo e Superfície */
  --cor-cabecalho: #ffffff;
  --cor-fundo: #f8fafc;
  --cor-card: #ffffff;
  --cor-borda: #e2e8f0;

  /* Cor dos Favoritos (Coração, badges e avisos) */
  --cor-favoritos: #e11d48;
  --cor-favoritos-suave: rgba(225, 29, 72, 0.08);
  --cor-favoritos-borda: rgba(225, 29, 72, 0.25);

  /* Cores de Texto */
  --cor-texto-principal: #0f172a;
  --cor-texto-suave: #64748b;
  --cor-texto-claro: #ffffff;

  /* Espaçamentos e Bordas */
  --borda-raio: 8px;
  --sombra-card: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
  --sombra-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
  --transicao-padrao: all 0.2s ease-in-out;
}