@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');

:root {
  --cor-primaria: #0284C7;      /* Azul Suave / Cerúleo */
  --cor-secundaria: #0EA5E9;    /* Azul Claro */
  --cor-hover: #0369A1;         /* Azul Escuro para Botões */
  --cor-texto-escuro: #0F172A;  /* Texto Escuro de Alta Leitura */
  --cor-texto-suave: #475569;   /* Texto Secundário */
}

body { 
  font-family: 'Inter', sans-serif; 
}

/* Fundo do Hero Claro e Suave */
.bg-hero-light {
  background: linear-gradient(135deg, #F0F9FF 0%, #E0F2FE 50%, #F8FAFC 100%);
}

/* Estilos de Botão e Cores da Marca */
.text-brand-blue {
  color: var(--cor-primaria);
}

.bg-brand-blue {
  background-color: var(--cor-primaria);
}

.bg-brand-blue:hover {
  background-color: var(--cor-hover);
}

.shadow-brand {
  box-shadow: 0 10px 25px -5px rgba(2, 132, 199, 0.25);
}

.shadow-card {
  box-shadow: 0 4px 20px -2px rgba(148, 163, 184, 0.15);
}