:root {
    --theme-color: #3B82F6;
    --theme-color-rgb: 59, 130, 246;
    --theme-color1: #3178ec;
    --theme-color2: #276ee2;
}

/* Theme Color Classes */
.theme-color-1 {
    background-color: #3B82F6 !important;
    background: #3B82F6 !important;
}

.theme-color-2 {
    background-color: #3178ec !important;
    background: #3178ec !important;
}

.theme-color-3 {
    background-color: #276ee2 !important;
    background: #276ee2 !important;
}

/* Override the hardcoded colors with database values */
.theme-color-1:hover,
.theme-color-2:hover,
.theme-color-3:hover {
    background-color: #276ee2 !important;
}

/* Additional theme color utilities */
.text-theme {
    color: #3B82F6 !important;
}

.border-theme {
    border-color: #3B82F6 !important;
}

.btn-theme {
    background-color: #3B82F6;
    border-color: #3B82F6;
    color: #fff;
}

.btn-theme:hover {
    background-color: #3178ec;
    border-color: #3178ec;
    color: #fff;
}