/* Variáveis de design do mapa (spec 2026-10-10, "Variáveis de design").
   Mesmos NOMES do design.css do Rotier, para os trechos portados
   funcionarem sem renomear; VALORES da SUDEMA. Carregado por
   base-mapa.html antes dos demais CSS do mapa. Só variáveis — nenhuma
   regra de estilo entra aqui; medidas de layout ficam em mapa-shell.css. */
:root {
    --brand: #003587;
    --brand-2: #0056b3;
    --surface: #ffffff;
    --surface-2: #f8f9fa;
    --border: #dee2e6;
    --fg: #212529;
    --muted: #6c757d;
    --app-font: 'Poppins', sans-serif;
    --fs-xs: 11px;
    --fs-sm: 12.5px;
    --fs-lg: 18px;
    --r-sm: 6px;
    --r-md: 8px;
    --sh-sm: 0 2px 8px rgba(0, 0, 0, .10);
    --sh-painel: 0 6px 24px rgba(0, 0, 0, .18);
    --toque: 44px;
}