@charset "UTF-8";
/* ==========================================================================
   Design tokens — bảng màu dùng chung cho toàn site
   ==========================================================================

   Trước đây site có hai bảng màu tách rời: trang chủ dùng xanh dương + cam,
   trang tổ chức cho vay dùng tím + xanh lá. File này hợp nhất thành một hệ.

   Chủ đạo là indigo — đủ gần xanh dương lẫn tím để cả hai nhóm trang quy về
   một mối. Màu hành động là xanh ngọc, màu nhấn là hổ phách.

   Mọi giá trị dùng cho CHỮ hoặc NỀN CÓ CHỮ đều đã kiểm tra đạt WCAG AA
   (>= 4.5:1). Tỷ lệ ghi ngay cạnh từng dòng để lần sau sửa còn biết mốc.

   Các sắc -500 sáng hơn CHỈ dùng để trang trí (nét vẽ, mảng nền, viền),
   không đặt chữ trắng lên vì không đạt ngưỡng.
   -------------------------------------------------------------------------- */

:root {
	/* --- Chủ đạo: indigo ------------------------------------------------ */
	--c-brand-700: #1E3A8A;  /* chữ trắng trên nền này: 10.36:1 */
	--c-brand-600: #2547B0;  /* chữ trắng: 8.06:1 · chữ màu trên trắng: 8.06:1 */
	--c-brand-500: #3B62D4;  /* chữ trắng: 5.41:1 */
	--c-brand-200: #C9D6F5;  /* trang trí */
	--c-brand-100: #DCE4FA;  /* nền nhạt */
	--c-brand-50:  #EEF2FE;  /* nền rất nhạt */

	/* --- Hành động: xanh ngọc ------------------------------------------- */
	--c-act-800:   #084F39;
	--c-act-700:   #0B6E4F;  /* chữ trắng: 6.25:1 — dùng cho nút chính */
	--c-act-500:   #12A87A;  /* CHỈ trang trí — chữ trắng chỉ 3.04:1 */
	--c-act-50:    #E8F7F0;

	/* --- Nhấn: hổ phách -------------------------------------------------- */
	--c-warm-700:  #9A4A06;  /* chữ trắng: 6.26:1 */
	--c-warm-600:  #B45309;  /* chữ trắng: 5.02:1 */
	--c-warm-400:  #F2B705;  /* nền sáng, đặt CHỮ TỐI lên */
	--c-warm-300:  #DCA504;
	--c-warm-50:   #FEF3E2;

	/* --- Trung tính ------------------------------------------------------ */
	--c-ink:       #151A24;  /* tiêu đề */
	--c-text:      #3F4654;  /* nội dung — 9.48:1 trên trắng */
	--c-muted:     #646C7C;  /* chữ phụ — 5.28:1 trên trắng, 4.92:1 trên --c-soft */
	--c-line:      #E2E5EB;
	--c-line-soft: #EDEFF3;
	--c-soft:      #F5F7FA;
	--c-white:     #FFFFFF;

	/* --- Nền tối (footer) ------------------------------------------------ */
	--c-night-900: #0D1630;  /* nền footer — ám indigo, không phải xám trung tính */
	--c-night-800: #16224A;  /* thẻ nổi trên nền footer */
	--c-night-line: rgba(255, 255, 255, .12);

	/* --- Tín hiệu -------------------------------------------------------- */
	--c-danger:    #B3261E;  /* chữ trắng: 6.06:1 */
}