.color-1 {
    color: var(--theme-blues-color-1);
}

.color-2 {
    color: var(--theme-blues-color-2);
}

.color-3 {
    color: var(--theme-blues-color-3);
}

.color-4 {
    color: var(--theme-blues-color-4);
}

.color-5 {
    color: var(--theme-blues-color-5);
}

.color-6 {
    color: var(--theme-blues-color-6);
}

.bg-color-1 {
    background-color: var(--theme-blues-color-1);
}

.bg-color-2 {
    background-color: var(--theme-blues-color-2);
}

.bg-color-3 {
    background-color: var(--theme-blues-color-3);
}

.bg-color-4 {
    background-color: var(--theme-blues-color-4);
}

.bg-color-5 {
    background-color: var(--theme-blues-color-5);
}

.bg-color-6 {
    background-color: var(--theme-blues-color-6);
}
.bg-color-important-1 {
    background-color: var(--theme-blues-color-1) !important;
}

.bg-color-important-2 {
    background-color: var(--theme-blues-color-2) !important;
}

.bg-color-important-3 {
    background-color: var(--theme-blues-color-3) !important;
}

.bg-color-important-4 {
    background-color: var(--theme-blues-color-4) !important;
}

.bg-color-important-5 {
    background-color: var(--theme-blues-color-5) !important;
}

.bg-color-important-6 {
    background-color: var(--theme-blues-color-6) !important;
}

.nav-gradient-top-bg-color {
    background-color: var(--theme-common-gradient-top);
}

.nav-gradient-bg-color,
#mobileMenu .nav-gradient-bg-color {
    background-image: linear-gradient(180deg, var(--theme-common-gradient-top) 0%, var(--theme-blues-gradient-bottom) 100%);
}

.search-chip-theme-color {
    background-color: var(--theme-blues-color-5);
    color: white;
}