/* =============================================
   shared/variables.css
   Tokens de design — edite aqui para mudar o visual todo
============================================= */
/* No topo de variables.css, antes do :root */
:root {
  /* Cores principais */
  --azul-escuro: #1a3a6b;
  --azul: #1e5fc2;
  --azul-medio: #2563eb;
  --azul-claro: #3b82f6;
  --azul-suave: #dbeafe;
  --azul-ultraclaro: #eff6ff;

  /*Btn localizacao*/

  /* Neutros */
  --branco: #faf9f6;
  --cinza-claro: #f8fafc;
  --cinza: #94a3b8;
  --cinza-escuro: #475569;
  --texto: #1e293b;
  --texto-suave: #64748b;

  /* Semânticas */
  --sucesso: #22c55e;
  --erro: #ef4444;
  --aviso: #f59e0b;

  /* Tipografia */
  --fonte-titulo: "Sora", "Segoe UI", system-ui, sans-serif;
  --fonte-corpo: "Nunito", "Segoe UI", system-ui, sans-serif;

  /* Sombras */
  --sombra-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --sombra: 0 4px 16px rgba(30, 95, 194, 0.12);
  --sombra-lg: 0 8px 32px rgba(30, 95, 194, 0.18);

  /* Bordas */
  --raio: 12px;
  --raio-sm: 8px;
  --raio-lg: 20px;

  /* Animações */
  --transicao: 0.2s ease;
}
/* =============================================
   Estilização Base e Estabilização de Fontes
============================================= */
body {
  font-family: var(--fonte-corpo);
  color: var(--texto);
  background-color: var(--cinza-claro);
  font-weight: 400; /* Força o peso regular padrão para o texto corrido */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: var(--fonte-titulo);
  font-weight: 700; /* Define um negrito fixo e limpo usando a Sora */
}

strong,
b {
  font-weight: 700; /* Garante consistência ao usar tags de destaque */
}