/*
 * Class Manager — hệ biến màu (N13.1, D-50).
 * Màu thương hiệu: bộ mặc định "Trắng + #1F66D1" (Plan UX v2, UI-Q1: nút #1F66D1 đủ tương phản chữ trắng); N13.2 sẽ ghi đè theo học viện.
 * Màu nghiệp vụ (--clm-status-*) CỐ ĐỊNH, không đổi theo thương hiệu, luôn đi kèm biểu tượng + chữ (D-50, D-51).
 */
:root {
	--clm-bg: #ffffff;
	--clm-surface: #f6f7f9;
	--clm-subtle: #f9fafb;
	--clm-line: #f2f4f7;
	--clm-input-border: #d0d5dd;
	--clm-border: #e4e7ec;
	--clm-text: #101828;
	--clm-text-2: #344054;
	--clm-text-muted: #475467;
	--clm-primary: #1f66d1;
	--clm-primary-strong: #174ea6;
	--clm-primary-soft: #eef4ff;
	--clm-on-primary: #ffffff;
	--clm-danger: #b42318;
	--clm-danger-strong: #d92d20;
	--clm-ok-bg: #dcfae6;
	--clm-ok-fg: #067647;
	--clm-warn-bg: #fef0c7;
	--clm-warn-fg: #93370d;
	--clm-danger-bg: #fee4e2;

	--clm-status-paid: #1e8e3e;      /* Xanh — buổi đã đóng tiền */
	--clm-status-last: #e8a317;      /* Vàng — buổi cuối của gói */
	--clm-status-due: #d93025;       /* Đỏ — học lấn sang buổi chưa đóng */
	--clm-status-reserved: #8a8f98;  /* Xám — nghỉ phép / tạm dời, chờ bù */

	--clm-radius: 8px;
	--clm-radius-lg: 12px;
	--clm-shadow: 0 12px 32px rgba(16, 24, 40, 0.12);
	--clm-gap: 16px;
}