/* ============================================================================
   MULTI-COLOR THEMES - 8 themes with 3D effects
   ============================================================================ */

/* Theme: Blue Ocean (Default) */
.theme-blue {
    --primary: #1e3c72;
    --primary-dark: #0f1f48;
    --primary-light: #2a5298;
    --accent: #2a5298;
    --sidebar-bg: linear-gradient(180deg, #0f1f48 0%, #1e3c72 50%, #2a5298 100%);
    --sidebar-active: linear-gradient(135deg, #2a5298 0%, #1e3c72 100%);
    --content-bg: #eef2f9;
}

/* Theme: Emerald Green */
.theme-green {
    --primary: #0f5132;
    --primary-dark: #0a3622;
    --primary-light: #00b894;
    --accent: #00b894;
    --sidebar-bg: linear-gradient(180deg, #0a3622 0%, #0f5132 50%, #00b894 100%);
    --sidebar-active: linear-gradient(135deg, #00b894 0%, #0f5132 100%);
    --content-bg: #ecf8f4;
}

/* Theme: Royal Purple */
.theme-purple {
    --primary: #4b0082;
    --primary-dark: #2e004f;
    --primary-light: #6c5ce7;
    --accent: #6c5ce7;
    --sidebar-bg: linear-gradient(180deg, #2e004f 0%, #4b0082 50%, #6c5ce7 100%);
    --sidebar-active: linear-gradient(135deg, #6c5ce7 0%, #4b0082 100%);
    --content-bg: #f3eef9;
}

/* Theme: Sunset Orange */
.theme-orange {
    --primary: #cc5500;
    --primary-dark: #993f00;
    --primary-light: #e17055;
    --accent: #e17055;
    --sidebar-bg: linear-gradient(180deg, #993f00 0%, #cc5500 50%, #e17055 100%);
    --sidebar-active: linear-gradient(135deg, #e17055 0%, #cc5500 100%);
    --content-bg: #fdf3ec;
}

/* Theme: Crimson Red */
.theme-red {
    --primary: #8b0000;
    --primary-dark: #5c0000;
    --primary-light: #e74c3c;
    --accent: #e74c3c;
    --sidebar-bg: linear-gradient(180deg, #5c0000 0%, #8b0000 50%, #e74c3c 100%);
    --sidebar-active: linear-gradient(135deg, #e74c3c 0%, #8b0000 100%);
    --content-bg: #fbeeee;
}

/* Theme: Teal Ocean */
.theme-teal {
    --primary: #00695c;
    --primary-dark: #004d40;
    --primary-light: #00cec9;
    --accent: #00cec9;
    --sidebar-bg: linear-gradient(180deg, #004d40 0%, #00695c 50%, #00cec9 100%);
    --sidebar-active: linear-gradient(135deg, #00cec9 0%, #00695c 100%);
    --content-bg: #e8f7f5;
}

/* Theme: Rose Pink */
.theme-rose {
    --primary: #be123c;
    --primary-dark: #8b0c2c;
    --primary-light: #fd79a8;
    --accent: #fd79a8;
    --sidebar-bg: linear-gradient(180deg, #8b0c2c 0%, #be123c 50%, #fd79a8 100%);
    --sidebar-active: linear-gradient(135deg, #fd79a8 0%, #be123c 100%);
    --content-bg: #fce8ef;
}

/* Theme: Midnight Dark */
.theme-dark {
    --primary: #5fa3ec;
    --primary-dark: #2c5f9e;
    --primary-light: #7eb4f0;
    --accent: #5fa3ec;
    --sidebar-bg: linear-gradient(180deg, #0a0a1a 0%, #1a1a2e 50%, #16213e 100%);
    --sidebar-active: linear-gradient(135deg, #2c5f9e 0%, #5fa3ec 100%);
    --topbar-bg: rgba(26,26,46,0.85);
    --topbar-text: #e8e8f0;
    --content-bg: #0a0a18;
    --card-bg: rgba(26,26,46,0.95);
    --text-primary: #e8e8f0;
    --text-secondary: #a0a0c0;
    --text-muted: #6c7293;
    --border-color: rgba(255,255,255,0.06);
    --glass-bg: rgba(26,26,46,0.65);
    --glass-border: rgba(255,255,255,0.10);
}

.theme-dark .form-control { background: rgba(15,15,30,0.90); color: #e8e8f0; border-color: rgba(255,255,255,0.08); }
.theme-dark .form-control:focus { background: rgba(15,15,30,1); border-color: var(--primary); }
.theme-dark table.data-table thead { background: linear-gradient(135deg, #1a1a2e 0%, #2c5f9e 100%); }
.theme-dark table.data-table tbody tr { background: rgba(26,26,46,0.6); }
.theme-dark table.data-table tbody tr:hover { background: rgba(42,82,152,0.15); }
.theme-dark .dropdown-menu { background: rgba(26,26,46,0.98); border-color: rgba(255,255,255,0.10); }
.theme-dark .dropdown-menu a { color: #e8e8f0; }
.theme-dark .dropdown-menu a:hover { background: linear-gradient(135deg, #2c5f9e 0%, #5fa3ec 100%); color: #fff; }
.theme-dark .filter-bar { background: rgba(26,26,46,0.65); }
.theme-dark .badge-gray { background: linear-gradient(135deg, #2c2c44 0%, #3c3c5c 100%); color: #a0a0c0; }
.theme-dark .icon-btn { background: rgba(255,255,255,0.06); color: #e8e8f0; border-color: rgba(255,255,255,0.08); }
.theme-dark .icon-btn:hover { background: linear-gradient(135deg, #2c5f9e 0%, #5fa3ec 100%); color: #fff; }
.theme-dark .user-btn { background: rgba(255,255,255,0.06); color: #e8e8f0; border-color: rgba(255,255,255,0.08); }
.theme-dark .user-btn:hover { border-color: var(--primary); }
.theme-dark .btn-outline { background: rgba(255,255,255,0.06); color: #e8e8f0; border-color: rgba(255,255,255,0.08); }
.theme-dark .btn-outline:hover { background: linear-gradient(135deg, #2c5f9e 0%, #5fa3ec 100%); }
.theme-dark .alert-warning { background: linear-gradient(135deg, rgba(253,203,110,0.15) 0%, rgba(243,156,18,0.10) 100%); color: #fdcb6e; border-color: rgba(253,203,110,0.30); }
.theme-dark .alert-info { background: linear-gradient(135deg, rgba(9,132,227,0.15) 0%, rgba(7,104,179,0.10) 100%); color: #74b9ff; }
.theme-dark .alert-danger { background: linear-gradient(135deg, rgba(231,76,60,0.15) 0%, rgba(192,57,43,0.10) 100%); color: #ff7b6b; }
.theme-dark .alert-success { background: linear-gradient(135deg, rgba(0,184,148,0.15) 0%, rgba(0,160,129,0.10) 100%); color: #55efc4; }
.theme-dark .app-footer { background: rgba(26,26,46,0.65); color: #a0a0c0; }
.theme-dark .modal { background: rgba(26,26,46,0.98); color: #e8e8f0; }
.theme-dark .modal-header { border-color: rgba(255,255,255,0.08); }
.theme-dark .branch-select { background: rgba(255,255,255,0.06); color: #e8e8f0; }
.theme-dark .stat-card { background: linear-gradient(135deg, rgba(26,26,46,0.95) 0%, rgba(15,15,30,0.95) 100%); }
.theme-dark .card { background: rgba(26,26,46,0.85); }
.theme-dark .tab.active { color: var(--primary); background: linear-gradient(180deg, transparent 0%, rgba(95,163,236,0.10) 100%); }
.theme-dark .list-group-item { background: rgba(26,26,46,0.60); }
.theme-dark .list-group-item:hover { background: rgba(42,82,152,0.15); }
.theme-dark .stat-card .stat-value { background: linear-gradient(135deg, #e8e8f0 0%, #5fa3ec 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.theme-dark .page-title { background: linear-gradient(135deg, #e8e8f0 0%, #5fa3ec 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.theme-dark .page-header h2 { background: linear-gradient(135deg, #e8e8f0 0%, #5fa3ec 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }

/* Theme-specific 3D shadow accents */
.theme-blue .btn { box-shadow: 0 4px 14px rgba(30,60,114,0.40); }
.theme-green .btn { box-shadow: 0 4px 14px rgba(0,184,148,0.35); }
.theme-purple .btn { box-shadow: 0 4px 14px rgba(108,92,231,0.35); }
.theme-orange .btn { box-shadow: 0 4px 14px rgba(225,112,85,0.35); }
.theme-red .btn { box-shadow: 0 4px 14px rgba(231,76,60,0.35); }
.theme-teal .btn { box-shadow: 0 4px 14px rgba(0,206,201,0.35); }
.theme-rose .btn { box-shadow: 0 4px 14px rgba(253,121,168,0.35); }