:root {
    --primaryColor: #82b7e8;
    --primaryColorHover: #4b90d1;
    --softPrimaryColor: #DDEBF9;
    --secondaryColor: #616161;
    --softSecondaryColor: #EEE;
    --accentColor: #e6eafa;
    --primaryColorContrast: #373737;
    --primaryColorContrastHover: white;
    --secondaryColorContrast: white;
    --secondaryColorContrastHover: white;
    --secondaryColorHover: #646464;

    --tableHeaderBackgroundColor: #d4d4d4;
    --tableHeaderTextColor: #495057;
    --tableOddRowBackgroundColor: #ededed;
    
    --tableHeaderBackgroundColorDark: #000000;
    --tableHeaderTextColorDark: #b1b5aa;
    --tableOddRowBackgroundColorDark: #1f1f1f;
    
/* Darkmode */
    --softPrimaryColorDarkmode: #1f1f1f;

}

.custom-bg-primary-color {
    background-color: var(--primaryColor)!important;
}

.custom-bg-secondary-color {
    background-color: var(--secondaryColor)!important;
}

.custom-bg-soft-primary-color {
    background-color: var(--softPrimaryColor)!important;
}

.custom-bg-soft-secondary-color {
    background-color: var(--softSecondaryColor)!important;
}

body.darkmode-body .custom-bg-soft-secondary-color {
    background-color: var(--softPrimaryColorDarkmode)!important;
}

.custom-primary-color-contrast {
    color: var(--primaryColorContrast)!important;
}
.custom-primary-color-contrast-hover:hover {
    color: var(--primaryColorContrastHover)!important;
}
.custom-bg-primary-color-hover:hover {
    background-color: var(--primaryColorHover)!important;
}
.custom-secondary-color-contrast {
    color: var(--secondaryColorContrast)!important;
}
.custom-bg-secondary-color-hover:hover {
    background-color: var(--secondaryColorHover)!important;
}
.custom-fill-secondary-color-contrast {
    fill: var(--secondaryColorContrast)!important;
}
.custom-fill-secondary-color-contrast-hover:hover {
    fill:  var(--secondaryColorContrastHover)!important;
}
.nav-tabs .custom-tab-nav-border {
    border-color: var(--primaryColorHover)!important
}

[data-red] {
    color: red;
}

/* Ajusta el color cuando esta en Darkmode */
body.darkmode-body .custom-bg-soft-primary-color {
    background-color: var(--softPrimaryColorDarkmode)!important;
}