/* Bộ token thiết kế DÙNG CHUNG cho toàn bộ giao diện KHTX (base.html,
   login.html, trang_chu.html) — nguồn DUY NHẤT, đừng khai lại :root ở nơi
   khác. Giá trị khớp với NRAST (Lương/TNCN) — xem
   luong_tncn/frontend/src/utils/applyTheme.ts (--app-primary) và
   luong_tncn/frontend/src/main.tsx (ConfigProvider.token.colorPrimary) —
   đổi màu/font ở đây thì cũng phải đổi 2 chỗ đó cho khớp. */
:root {
  --font-family: "Be Vietnam Pro", "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;

  --navy-dark: #0a1f44;
  --navy: #0f2c5c;
  --navy-light: #1e4a8f;
  --header-bg: #146275;
  --accent: #146275;
  --accent-dark: #0a3540;
  --accent-light: #1f8299;
  --gold: #c9a24b;
  /* Tên nhóm chức năng trên menu tối bên trái ("KHÁCH HÀNG & ĐỢT THU PHÍ"...).
     Trước 18/08/2026 là rgba(255,255,255,.45) — chữ xám mờ trên nền xanh đậm,
     quản trị dự án báo khó đọc. Dùng sắc vàng của bộ nhận diện (cùng tông với
     --gold, sáng hơn cho đủ tương phản trên nền navy) để tên nhóm nổi lên mà
     không đụng màu xanh của mục đang chọn. Dùng CHUNG cho menu ứng dụng
     (khtx/base.html) và menu trang quản trị (admin/custom_theme.css). */
  --nav-group: #e3c07a;
  --nav-group-active: #f6dda8;
  --bg: #f5f7fa;
  --border: #dde3ea;
  --text-muted: #6b7684;
  --text-body: #172033;
  --surface: #ffffff;
  --danger: #b3261e;
}