/*
|--------------------------------------------------------------------------
| Dashboard Color Themes
| File: assets/css/theme.css
| Gunakan file ini untuk mengubah warna utama dashboard
| Tanpa perlu menyentuh style.css
|--------------------------------------------------------------------------
*/

/* === Default (Blue) Theme === */
:root {
  --accent-color: #3b82f6;          /* Warna utama (biru) */
  --accent-hover: #2563eb;          /* Warna hover */
  --accent-light: #60a5fa;          /* Warna terang */
  --accent-gradient: linear-gradient(90deg, #3b82f6, #60a5fa);
}

/* === Hijau (Emerald) Theme === */
:root.theme-emerald {
  --accent-color: #10b981;
  --accent-hover: #059669;
  --accent-light: #6ee7b7;
  --accent-gradient: linear-gradient(90deg, #10b981, #6ee7b7);
}

/* === Ungu (Violet) Theme === */
:root.theme-violet {
  --accent-color: #8b5cf6;
  --accent-hover: #7c3aed;
  --accent-light: #c4b5fd;
  --accent-gradient: linear-gradient(90deg, #8b5cf6, #c4b5fd);
}

/* === Merah (Rose) Theme === */
:root.theme-rose {
  --accent-color: #ef4444;
  --accent-hover: #dc2626;
  --accent-light: #fca5a5;
  --accent-gradient: linear-gradient(90deg, #ef4444, #fca5a5);
}

/* === Kuning (Amber) Theme === */
:root.theme-amber {
  --accent-color: #f59e0b;
  --accent-hover: #d97706;
  --accent-light: #fde68a;
  --accent-gradient: linear-gradient(90deg, #f59e0b, #fde68a);
}

/*
|--------------------------------------------------------------------------
| Override dari style.css yang memakai warna aktif
|--------------------------------------------------------------------------
*/

:root {
  --active-bg: var(--accent-color);
}

/* Progress bar, hover, dan link */
.progress-bar {
  background: var(--accent-color) !important;
  box-shadow: 0 0 6px var(--accent-color) !important;
}

.menu li.active,
.submenu li.active {
  background: var(--accent-color) !important;
}

.menu li:hover i,
.theme-btn:hover {
  color: var(--accent-color) !important;
}