/* Color Theme Support CSS */

/* Base theme variables */
:root {
    --primary-color: #3b82f6;
    --secondary-color: #64748b;
    --success-color: #10b981;
    --warning-color: #f59e0b;
    --danger-color: #ef4444;
    --info-color: #06b6d4;
    --light-color: #f8fafc;
    --dark-color: #1e293b;
    --background-color: #ffffff;
    --surface-color: #f1f5f9;
    --text-color: #334155;
    --text-muted-color: #64748b;
    --border-color: #e2e8f0;
}

/* Maroon Theme Variables */
.theme-maroon {
    --primary-color: #800000;
    --secondary-color: #a0522d;
    --success-color: #228b22;
    --warning-color: #ff8c00;
    --danger-color: #dc143c;
    --info-color: #4682b4;
    --light-color: #faf5f5;
    --dark-color: #2d1b1b;
    --background-color: #ffffff;
    --surface-color: #f5f0f0;
    --text-color: #2d1b1b;
    --text-muted-color: #8b4513;
    --border-color: #d2b48c;
    --accent-color: #b22222;
    --hover-color: #a0522d;
}

/* Light Steel Blue Theme Variables */
.theme-lightsteelblue {
    --primary-color: #b0c4de;
    --secondary-color: #708090;
    --success-color: #20b2aa;
    --warning-color: #ffa500;
    --danger-color: #cd5c5c;
    --info-color: #87ceeb;
    --light-color: #f0f8ff;
    --dark-color: #2f4f4f;
    --background-color: #ffffff;
    --surface-color: #f5f8fa;
    --text-color: #2f4f4f;
    --text-muted-color: #708090;
    --border-color: #d3d3d3;
    --accent-color: #4682b4;
    --hover-color: #9fb6cd;
}

/* Theme-specific enhancements */
.theme-maroon .btn-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color)) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(128, 0, 0, 0.3) !important;
    transition: all 0.3s ease !important;
}

.theme-maroon .btn-primary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(128, 0, 0, 0.4) !important;
}

.theme-lightsteelblue .btn-primary {
    background: linear-gradient(135deg, var(--primary-color), var(--accent-color)) !important;
    border: none !important;
    box-shadow: 0 2px 8px rgba(176, 196, 222, 0.4) !important;
    transition: all 0.3s ease !important;
    color: var(--dark-color) !important;
}

.theme-lightsteelblue .btn-primary:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(176, 196, 222, 0.5) !important;
}

/* Enhanced card styling for themes */
.theme-maroon .card,
.theme-maroon .frappe-card {
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 2px 8px rgba(128, 0, 0, 0.1) !important;
}

.theme-lightsteelblue .card,
.theme-lightsteelblue .frappe-card {
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 2px