/* Default color variables */
:root {
    --default-header-color: #2a9ddc;
    --default-header-text-color: #ffffff;
    --default-dashboard-icons-color: #786742;
    --default-header-icons-color: var(--default-header-text-color);

    --brand-primary-color: #2a9ddc;
    --brand-primary-color-active: #3386bb;

    --standard-gray-dark: #333333;
    --standard-gray-light: #666666;

    --range-color-1: #fed86f;
    --range-color-2: #f4c954;
    --range-border-color: #edbd2f;
}

.button-container svg,
.button-container span {
    fill: var(--brand-primary-color);
    color: var(--standard-gray-light);
}
.button-container:hover svg,
.button-container:hover span {
    fill: var(--brand-primary-color-active);
    color: var(--brand-primary-color-active);
}