/* =====================================================================
   dashboard.css — bảng màu accent dùng chung cho các widget Dashboard
   (Components/Shared/Dashboard*.razor.css). Gom từ 5 file lặp y hệt
   (DashboardActionCard/DashboardPendingItem/DashboardRecentActivity/
   DashboardSection/DashboardStatCard) — mỗi widget tự đặt `--accent`
   qua 1 trong 6 class này, phần khung/kích thước riêng (`.stat-card`,
   `.action-card`...) vẫn giữ trong từng `.razor.css` vì tên BEM khác
   nhau theo từng widget, không phải literal duplicate.

   KpiCard.razor.css KHÔNG gộp vào đây — nó dùng bộ tên riêng
   (.accent-blue/green/violet/amber/rose/cyan/slate, giá trị khác hẳn:
   background+color đủ màu thay vì chỉ set biến --accent) — đổi tên cho
   đồng bộ sẽ phải sửa kèm markup Razor nơi gọi, rủi ro cao hơn lợi ích
   cho 1 khối 7 dòng, nên để nguyên (ghi rõ, không phải bỏ sót).
   ===================================================================== */
.accent-primary { --accent: var(--dash-primary, #1EA69E); }
.accent-success { --accent: var(--dash-success, #16a34a); }
.accent-warning { --accent: var(--dash-warning, #d97706); }
.accent-danger { --accent: var(--dash-danger, #dc2626); }
.accent-info { --accent: var(--dash-info, #0891b2); }
.accent-violet { --accent: var(--dash-violet, #7c3aed); }