.highcharts-dark {
    /* Cor de fundo para o tema escuro */
    background-color: #2b2b2b; /* Preto suave */
    /* Cor do texto para garantir contraste suficiente */
    color: #e0e0e0; /* Cinza claro */
}

    .highcharts-dark .highcharts-background {
        fill: #2b2b2b; /* Preto suave - para o fundo do gráfico */
    }

    .highcharts-dark .highcharts-title,
    .highcharts-dark .highcharts-subtitle,
    .highcharts-dark .highcharts-axis-title {
        fill: #a0a0a0; /* Cinza claro - para texto e títulos ou branco #ffffff; */
    }

    .highcharts-dark .highcharts-axis-line,
    .highcharts-dark .highcharts-axis-labels {
        stroke: #707070; /* Cinza escuro - para linhas dos eixos, menos intrusivo */
        color: #707070; /* Cinza escuro - para labels dos eixos, menos intrusivo */
        font-weight: normal; /* Reduz a espessura do texto para melhorar a leitura */
    }

    .highcharts-dark .highcharts-legend-item text {
        fill: #a0a0a0; /* Cinza médio - para texto da legenda, para melhor contraste */
    }

    .highcharts-dark .highcharts-grid-line {
        stroke: #404040; /* Linhas de grade mais sutis para menos distração */
    }

    .highcharts-dark .highcharts-line,
    .highcharts-dark .highcharts-series > .highcharts-point {
        stroke-width: 2px; /* Ajusta a espessura das linhas para melhor visibilidade */
        stroke: #a0a0a0; /* Cinza médio para as linhas do gráfico, sem contorno branco */
    }

    .highcharts-dark .highcharts-axis .highcharts-tick {
        stroke: #707070; /* Cor dos ticks dos eixos, menos intrusivo */
    }