:root {
    --theme-color: #ac2f4e;
    --theme-color-rgb: 172, 47, 78;
    --theme-color1: #a22544;
    --theme-color2: #981b3a;
}

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

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

.theme-color-3 {
    background-color: #981b3a !important;
    background: #981b3a !important;
}

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

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

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

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

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