/* Dynamic Theme CSS - Generated based on active theme */

:root {
    --primary-color: #009e9d;
    --primary-hover-color: #00a99c;
    --secondary-color: #0bb39c;
    --accent-color: #d42a9f;
    --gradient-start: #4871db;
    --gradient-end: #d42a9f;
}

/* Theme 1 - Default */
[data-theme="1"] {
    --primary-color: #009e9d;
    --primary-hover-color: #00a99c;
    --secondary-color: #0bb39c;
    --accent-color: #d42a9f;
    --gradient-start: #808080;
    --gradient-end: #808080;
}

/* Theme 2 - Alternative */
[data-theme="2"] {
    --primary-color: #d42a9f;
    --primary-hover-color: #c12691;
    --secondary-color: #ff6b35;
    --accent-color: #009e9d;
    --gradient-start: #ff981f;
    --gradient-end: #ff981f;
}

/* Login Button Styles */
.login-btn {
    background: var(--primary-color) !important;
    border: unset !important;
    color: #fefefe;
}

.login-btn:hover {
    color: #fefefe;
    background: var(--primary-hover-color) !important;
}

/* Additional theme-based styles can be added here */
.btn-primary {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.btn-primary:hover {
    background-color: var(--primary-hover-color) !important;
    border-color: var(--primary-hover-color) !important;
}

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

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

/* Secondary color styles */
.text-secondary {
    color: var(--secondary-color) !important;
}

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

/* Accent color styles */
.text-accent {
    color: var(--accent-color) !important;
}

.bg-accent {
    background-color: var(--accent-color) !important;
}