/* ==========================================================================
   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 */
  --cor-primaria: #1e3a8a;       /* Cor de destaque (cabeçalho, botões principais) */
  --cor-primaria-hover: #1e40af; /* Cor ao passar o mouse */
  --cor-secundaria: #2563eb;     /* Cor secundária */
  --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 de fundo do cabeçalho */
  --cor-fundo: #f8fafc;          /* Fundo suave da página */
  --cor-card: #ffffff;           /* Fundo branco dos cartões de imóveis */
  --cor-borda: #e2e8f0;          /* Cor das linhas divisórias suaves */

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