/*
.dark {
    .leaflet-tile
    {
        filter: invert(.9) hue-rotate(200deg) grayscale(.5) contrast(1.2) brightness(1.5);
    }

    .leaflet-control-attribution {
        color: var(--primary);
    }

    .leaflet-container {
        & a
        {
            color: var(--primary);
        }

        & .leaflet-control-attribution {
            background-color: transparent;
        }

    }

    .leaflet-control-zoom-in,
    .leaflet-control-zoom-out {
    & span
    {
        color: black;
    }


    
}
}*/

html.dark  .leaflet-tile {
    filter: invert(.9) hue-rotate(200deg) grayscale(.5) contrast(1.2) brightness(1.5);
}

html.dark .leaflet-container {
    & a
    {
        color: var(--primary);
    }

    & .leaflet-control-attribution {
        background-color: transparent;
    }

}

html.dark .leaflet-control-zoom-in,
html.dark .leaflet-control-zoom-out {
    & span

    {
        color: black;
    }
}

html.dark .leaflet-control-attribution {
    color: var(--primary);
}

html.dark .leaflet-container {
    background: transparent;
}

.highcharts-root text {
    fill: var(--highcharts-neutral-color-80) !important;
    opacity:unset !important;
}

.highcharts-root text tspan {
    stroke:unset;
}
.highcharts-container {
    border-radius: var(--radius);
}

html.dark .highcharts-container {
    /*HighCharts Neutral color variations https://www.highcharts.com/samples/highcharts/css/palette-helper*/
    --highcharts-color-0: #2caffe;
    --highcharts-color-1: #544fc5;
    --highcharts-color-2: #00e272;
    --highcharts-color-3: #fe6a35;
    --highcharts-color-4: #6b8abc;
    --highcharts-color-5: #d568fb;
    --highcharts-color-6: #2ee0ca;
    --highcharts-color-7: #fa4b42;
    --highcharts-color-8: #feb56a;
    --highcharts-color-9: #91e8e1;
    /* Background color */
    --highcharts-background-color: var(--card);
    /* Neutral color variations */
    --highcharts-neutral-color-100: #ffffff;
    --highcharts-neutral-color-80: #d6d6d6;
    --highcharts-neutral-color-60: #adadad;
    --highcharts-neutral-color-40: #858585;
    --highcharts-neutral-color-20: #5c5c5c;
    --highcharts-neutral-color-10: #474747;
    --highcharts-neutral-color-5: #3d3d3d;
    --highcharts-neutral-color-3: #393939;
    /* Highlight color variations */
    --highcharts-highlight-color-100: #7aa7ff;
    --highcharts-highlight-color-80: #6c90d6;
    --highcharts-highlight-color-60: #5e79ad;
    --highcharts-highlight-color-20: #414a5c;
    --highcharts-highlight-color-10: #3a3f47;
}

.highcharts-container {
    /*HighCharts Neutral color variations https://www.highcharts.com/samples/highcharts/css/palette-helper */
    /* Colors for data series and points */
    --highcharts-color-0: #2caffe;
    --highcharts-color-1: #544fc5;
    --highcharts-color-2: #00e272;
    --highcharts-color-3: #fe6a35;
    --highcharts-color-4: #6b8abc;
    --highcharts-color-5: #d568fb;
    --highcharts-color-6: #2ee0ca;
    --highcharts-color-7: #fa4b42;
    --highcharts-color-8: #feb56a;
    --highcharts-color-9: #91e8e1;
    /* Background color */
    --highcharts-background-color: var(--card);
    /* Neutral color variations */
    --highcharts-neutral-color-100: #000000;
    --highcharts-neutral-color-80: #333333;
    --highcharts-neutral-color-60: #666666;
    --highcharts-neutral-color-40: #999999;
    --highcharts-neutral-color-20: #cccccc;
    --highcharts-neutral-color-10: #e6e6e6;
    --highcharts-neutral-color-5: #f2f2f2;
    --highcharts-neutral-color-3: #f7f7f7;
    /* Highlight color variations */
    --highcharts-highlight-color-100: #003399;
    --highcharts-highlight-color-80: #335cad;
    --highcharts-highlight-color-60: #6685c2;
    --highcharts-highlight-color-20: #ccd6eb;
    --highcharts-highlight-color-10: #e6ebf5;
}