/* FONT COLOR */
.ionmy-text-color {
    color: var(--base-color) !important;
}

.ionmy-primary-color {
    color: var(--primary-color) !important;
}

.ionmy-primary-color-700 {
    color: var(--primary-color-700) !important;
}

.ionmy-secondary-color {
    color: var(--Text-Text-Secondary, rgba(33, 37, 41, 0.67)) !important;
}

.ionmy-tertiary-color {
    color: var(--Text-Text-Tertiary, rgba(33, 37, 41, 0.45)) !important;
}

.ionmy-purple-color {
    color: #8543C0 !important;
}

a.ionmy-purple-color:hover {
    color: #3e2357 !important;
}

.ionmy-dark-gray-color {
    color: #303133 !important;
}

.ionmy-blue-color {
    color: #0094cc !important;
}

.ionmy-red-color {
    color: #C5001D !important;
}

.ionmy-yellow-color {
    color: #FF9F43 !important;
}

/* BACKGROUND COLOR */
.ionmy-blue-background {
    background-color: #0094cc !important;
}

.ionmy-secondary-background {
    background-color: var(--Text-Text-Secondary, rgba(33, 37, 41, 0.67)) !important;
}

.ionmy-tertiary-background {
    background-color: var(--Text-Text-Tertiary, rgba(33, 37, 41, 0.45)) !important;
}

.ionmy-avatar-background {
    background-color: var(--Themes-border-default, #CED4DA) !important;
}

/* BORDER COLOR */
.ionmy-blue-border-color {
    border-color: #0094cc !important;
}

.ionmy-selected-border {
    border-color: var(--Themes-border-default, #CED4DA) !important;
}

/* BUTTON COLOR */
.btn-primary {
    background-color: var(--primary-color) !important;
}