/* GERADO por tipografia_atlas.py, assinatura "NBIM".
   NÃO EDITE À MÃO: edite o catálogo em tipografia_atlas.py e rode de novo.

   fundo soberano norueguês (NBIM / Norges Bank): relatório de gestor institucional
   grotesca neutra de x baixo e espaçamento largo, do jeito que o relatório do maior fundo soberano do mundo trata número: muito branco, pouca cor, nada de ornamento. A Onest é a mais próxima medida da NorgesBank, que é proprietária e não pode ser usada.

   Esta folha entra DEPOIS de ux_atlas.css, e é de propósito: ela é a única que
   fala de tipografia, então nada precisa disputar especificidade com ela. */

:root {
    --fonte-display: Onest, 'Helvetica Neue', Arial, sans-serif;
    --fonte-sans: Onest, 'Helvetica Neue', Arial, sans-serif;
    --fonte-mono: ui-monospace, 'SF Mono', Menlo, monospace;
    --fonte-numero: var(--fonte-sans);

    /* a folha da marca ainda chama a fonte de título de "serif", de quando ela
       obrigatoriamente era uma. O nome ficou, o papel é o que vale. */
    --fonte-serif: var(--fonte-display);

    --peso-titulo: 600;
    --tracking-titulo: 0.02em;
    --tracking-h1: 0.045em;
}

/* COMPENSAÇÃO ÓPTICA. font-size é o tamanho do CORPO, não o da letra: cada
   desenho usa uma fração diferente do em para a caixa alta, e trocar de família
   mantendo o font-size muda o tamanho APARENTE do painel inteiro.
   font-size-adjust trava a caixa alta na razão da Inter (0,7275, medida com
   canvas TextMetrics) e a correção vale para toda a página, inclusive para o que
   for acrescentado depois. Onde não houver suporte, a propriedade é ignorada e o
   texto volta ao tamanho de antes: degrada sem quebrar. */
html,
body {
    font-family: var(--fonte-sans);
    font-size-adjust: cap-height 0.7275;
}

body, button, input, select, textarea,
table, th, td,
.leaflet-container, .leaflet-popup-content, .leaflet-control {
    font-family: var(--fonte-sans);
}

/* TÍTULO. Alcança tag e papel: a pluviometria escreve título de bloco como
   <span>/<div>, e sem estes quatro ids ela sairia com duas tipografias na mesma
   hierarquia (ver a nota equivalente em identidade_atlas.css). */
h1, h2, h3, h4, h5, h6,
.panel-header h3,
.chart-title-group h3,
#escopo, #calTit, #legTit, #titmapa h3 {
    font-family: var(--fonte-display);
    font-weight: var(--peso-titulo);
    letter-spacing: var(--tracking-titulo);
}

/* O cabeçalho é caixa alta, e caixa alta pede mais entreletra que caixa baixa:
   sem isso as maiúsculas colam e o nome do painel vira um bloco cinza. */
.header-top h1 {
    letter-spacing: var(--tracking-h1);
}

/* NÚMERO DE DESTAQUE. Algarismo tabular sempre, para a vírgula alinhar coluna
   abaixo; a família sai da assinatura, que é onde se decide se o indicador é
   lido como texto ou como leitura de instrumento. */
.kpi-card b, .yf-val, .value-bold, .stat-value {
    font-family: var(--fonte-numero);
    font-variant-numeric: tabular-nums;
    font-feature-settings: "tnum" 1;
}