/* Purple Theme (Default) */
.gradient-purple {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.btn-purple {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !important;
}

.btn-purple:hover {
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4) !important;
}

.tab-button.active-purple {
    color: #667eea !important;
    border-bottom-color: #667eea !important;
}

.form-control:focus-purple {
    border-color: #667eea !important;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1) !important;
}

/* Blue Theme */
.gradient-blue {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%) !important;
}

.btn-blue {
    background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%) !important;
}

.btn-blue:hover {
    box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4) !important;
}

.tab-button.active-blue {
    color: #3b82f6 !important;
    border-bottom-color: #3b82f6 !important;
}

.form-control:focus-blue {
    border-color: #3b82f6 !important;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1) !important;
}

/* Green Theme */
.gradient-green {
    background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
}

.btn-green {
    background: linear-gradient(135deg, #10b981 0%, #047857 100%) !important;
}

.btn-green:hover {
    box-shadow: 0 5px 15px rgba(16, 185, 129, 0.4) !important;
}

.tab-button.active-green {
    color: #10b981 !important;
    border-bottom-color: #10b981 !important;
}

.form-control:focus-green {
    border-color: #10b981 !important;
    box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1) !important;
}

/* Theme Application */
.theme-purple .gradient-bg { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.theme-blue .gradient-bg { background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%); }
.theme-green .gradient-bg { background: linear-gradient(135deg, #10b981 0%, #047857 100%); }

.theme-purple .btn-theme { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
.theme-blue .btn-theme { background: linear-gradient(135deg, #3b82f6 0%, #1e40af 100%); }
.theme-green .btn-theme { background: linear-gradient(135deg, #10b981 0%, #047857 100%); }

.theme-purple .tab-button.active { color: #667eea; border-bottom-color: #667eea; }
.theme-blue .tab-button.active { color: #3b82f6; border-bottom-color: #3b82f6; }
.theme-green .tab-button.active { color: #10b981; border-bottom-color: #10b981; }

.theme-purple .form-control:focus { border-color: #667eea; box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1); }
.theme-blue .form-control:focus { border-color: #3b82f6; box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1); }
.theme-green .form-control:focus { border-color: #10b981; box-shadow: 0 0 0 3px rgba(16, 185, 129, 0.1); }

.theme-purple .vertical-tab.active { color: #667eea; background-color: #f0f4ff; border-left-color: #667eea; }
.theme-blue .vertical-tab.active { color: #3b82f6; background-color: #eff6ff; border-left-color: #3b82f6; }
.theme-green .vertical-tab.active { color: #10b981; background-color: #ecfdf5; border-left-color: #10b981; }

.theme-purple .btn-theme:hover { box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4); }
.theme-blue .btn-theme:hover { box-shadow: 0 5px 15px rgba(59, 130, 246, 0.4); }
.theme-green .btn-theme:hover { box-shadow: 0 5px 15px rgba(16, 185, 129, 0.4); }