:root {

    /* Variáveis Base (paleta IBGE) */
    --ibge-amarelo-borda: #ffcd07;
    --ibge-azul-escuro: #0c326f;
    --ibge-azul: #1351b4;
    --ibge-azul-hover: #00437f;
    --ibge-azul-claro: #dfedfb;
    --ibge-fundo-pagina: #f7f7f7;
    --ibge-fundo-card: #fff;
    --ibge-borda: #e4e4e6;
    --ibge-texto: #333;
    --ibge-texto-suave: #555;
    --ibge-foco: #2670e8;
    --ibge-focus-ring: 0 0 0 2px #fff, 0 0 0 4px rgba(38, 112, 232, 0.45);
    --ibge-focus-glow: 0 0 0 2px rgba(38, 112, 232, 0.28);
    --ibge-erro: #c62828;
        
    /* Campos select (nativo e Select2) */
    --ibge-fundo-select: #fff;
    
    /* Altura/padding dos selects UF e Município (nativo + Select2) */
    --ibge-select-min-height: 3.125rem;
    --ibge-select-padding-y: 0.6875rem;
    --ibge-select-padding-x: 0.875rem;
    --ibge-select-padding-end: 2.85rem;
    --ibge-select-radius: 12px;
    --ibge-select-placeholder: #6b7280;
    --ibge-select-uf-fill: #fff;
    --ibge-select-uf-border: #d4d0b8;
    --ibge-select-uf-border-hover: #b8b29a;
    --ibge-select-uf-border-focus-ring: rgba(255, 205, 7, 0.35);
    --ibge-select-mun-border: #c5d0e3;
    --ibge-select-mun-border-hover: #9eb0cc;
    --ibge-select-mun-border-focus-ring: rgba(19, 81, 180, 0.22);
    
    /* Customização comum — nativo + Select2 no card Localidade */
    --ibge-select-font-size: 1.20rem;
    --ibge-select-line-height: 1.45;
    --ibge-select-transition: border-color 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, transform 0.15s ease;
    --ibge-select-placeholder-style: italic;
    --ibge-select-scrollbar-track: rgba(12, 50, 111, 0.06);
    --ibge-select-scrollbar-thumb: rgba(19, 81, 180, 0.35);
    --ibge-select-scrollbar-thumb-hover: rgba(19, 81, 180, 0.55);
    
    /* Títulos dos painéis (Localidade, população, faixas, IDH, mapa) — um único tamanho */
    --ibge-panel-titulo-font-size: 1.35rem;
    
    /* Status (Localidade), notas SIDRA/IDH — mesmo tamanho */
    --ibge-texto-informativo-size: 1.1rem;
    
    /* Layout refinado — mesmo idioma visual IBGE */
    --ibge-radius-panel: 10px;
    --ibge-radius-inner: 8px;
    --ibge-shadow-panel: 0 1px 2px rgba(12, 50, 111, 0.04), 0 4px 20px rgba(12, 50, 111, 0.05);
    --ibge-shadow-panel-hover: 0 4px 14px rgba(12, 50, 111, 0.08), 0 1px 2px rgba(12, 50, 111, 0.04);
}