/**
 * Escala responsiva com valores fixos por breakpoint.
 * Tipografia uniforme: teto 15px (14 / 13 / 12) — igual em todas as páginas.
 */
:root{
    --fluid-gap:10px;
    --fluid-gap-sm:8px;
    --fluid-pad:12px;
    --fluid-pad-sm:10px;

    --dash-gauge-size:100px;
    --dash-gauge-center:68px;

    --dash-mini-min-h:0px;
    --dash-kpi-min-h:0px;
    --dash-summary-min-h:104px;
    --dash-summary-chart-min-h:190px;
}

@media (max-width:1279px){
    :root{
        --text-2xs:10px;
        --text-xs:11px;
        --text-sm:12px;
        --text-base:13px;
        --text-md:14px;
        --text-lg:14px;
        --text-xl:15px;
        --text-2xl:15px;
        --type-hero:15px;
        --type-section:13px;
        --type-value:13px;
    }
}

@media (max-height:1080px){
    :root{
        --fluid-gap:9px;
        --fluid-gap-sm:8px;
        --fluid-pad:11px;
        --fluid-pad-sm:9px;
        --dash-gauge-size:96px;
        --dash-gauge-center:66px;
        --dash-summary-chart-min-h:170px;
    }
}

@media (max-height:900px){
    :root{
        --dash-summary-chart-min-h:160px;
    }
}

@media (max-width:1100px){
    :root{
        --dash-gauge-size:96px;
        --dash-gauge-center:66px;
    }
}

@media (max-width:760px){
    :root{
        --fluid-gap:8px;
        --fluid-pad:10px;
        --fluid-pad-sm:8px;
        --dash-gauge-size:80px;
        --dash-gauge-center:54px;
        --dash-summary-chart-min-h:150px;
    }
}

@media (max-width:560px){
    :root{
        --dash-gauge-size:72px;
        --dash-gauge-center:48px;
    }
}

@media (min-width:2200px){
    :root{
        --fluid-gap:11px;
        --fluid-pad:13px;
        --dash-gauge-size:108px;
        --dash-gauge-center:72px;
    }
}