@charset "UTF-8";
/* ==========================================================================
   Design tokens — Người Đồng Hành (NDH)
   ==========================================================================

   Chủ đạo là xanh ngọc lục bảo đậm: màu của sự tin cậy và tăng trưởng — hợp
   với cả bốn mảng nội dung (tài chính, chứng khoán, ngân hàng, bất động sản)
   mà không nghiêng hẳn về một ngân hàng nào. Màu nhấn là vàng hổ phách: "ngọn
   đèn" dẫn đường của người đồng hành, dùng cho điểm nhấn và nút kêu gọi.

   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) trừ
   khi ghi rõ tỷ lệ đạt chuẩn.
   -------------------------------------------------------------------------- */

:root {
	/* --- Chủ đạo: ngọc lục bảo ------------------------------------------ */
	--c-brand-900: #052A25;
	--c-brand-800: #073B34;  /* chữ trắng: 12.47:1 */
	--c-brand-700: #0A4D43;  /* chữ trắng: 9.74:1 */
	--c-brand-600: #0D6555;  /* chữ trắng: 6.98:1 · chữ màu trên trắng: 6.98:1 */
	--c-brand-500: #12806B;  /* chữ trắng: 4.85:1 */
	--c-brand-300: #7CC4B0;  /* trang trí */
	--c-brand-200: #BFE3D8;  /* trang trí */
	--c-brand-100: #DDF1EA;  /* nền nhạt */
	--c-brand-50:  #EFF8F5;  /* nền rất nhạt */

	/* --- Hành động: xanh lục ------------------------------------------- */
	--c-act-800:   #065F46;  /* chữ trắng: 7.68:1 */
	--c-act-700:   #047857;  /* chữ trắng: 5.48:1 — dùng cho nút chính */
	--c-act-500:   #10B981;  /* CHỈ trang trí */
	--c-act-50:    #ECFDF5;

	/* --- Nhấn: vàng hổ phách ------------------------------------------- */
	--c-warm-700:  #8A5300;  /* chữ trắng: 6.33:1 */
	--c-warm-600:  #A15C00;  /* chữ trắng: 5.19:1 */
	--c-warm-400:  #F2B13B;  /* nền sáng, đặt CHỮ TỐI lên — --c-ink: 9.34:1 */
	--c-warm-300:  #E3A12A;
	--c-warm-100:  #FBE7C2;
	--c-warm-50:   #FDF4E3;

	/* --- Trung tính (ám xanh ngọc rất nhẹ) ------------------------------ */
	--c-ink:       #0F1B1A;  /* tiêu đề — 17.62:1 */
	--c-text:      #37423F;  /* nội dung — 10.43:1 trên trắng */
	--c-muted:     #5B6764;  /* chữ phụ — 5.88:1 trên trắng, 5.46:1 trên --c-soft */
	--c-line:      #DFE6E4;
	--c-line-soft: #EBF0EE;
	--c-soft:      #F4F7F6;
	--c-cream:     #FBF8F2;  /* nền ấm cho khối biên tập */
	--c-white:     #FFFFFF;

	/* --- Nền tối (footer, hero) ----------------------------------------- */
	--c-night-900: #06231F;  /* chữ trắng: 16.56:1 */
	--c-night-800: #0B332D;
	--c-night-line: rgba(255, 255, 255, .12);

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

	/* --- Thị trường (quy ước bảng điện VN) ------------------------------ */
	--c-up:        #0B7A3E;  /* tăng — 5.43:1 */
	--c-down:      #C62828;  /* giảm — 5.62:1 */
	--c-ref:       #9A6700;  /* tham chiếu — 4.87:1 */
	--c-ceil:      #8E24AA;  /* trần — 7.04:1 */
	--c-floor:     #026AA7;  /* sàn — 5.7:1 */
	--c-up-50:     #E7F6EC;
	--c-down-50:   #FDECEC;
	--c-ref-50:    #FBF3DF;

	/* --- Năm mảng nội dung ---------------------------------------------- */
	--c-pillar-fin:   #0D6555;  /* Tài chính cá nhân */
	--c-pillar-stock: #1D4ED8;  /* Chứng khoán — 6.7:1 */
	--c-pillar-bank:  #7C3AED;  /* Ngân hàng — 5.7:1 */
	--c-pillar-re:    #B45309;  /* Bất động sản — 5.0:1 */
	--c-pillar-ins:   #BE123C;  /* Bảo hiểm — 6.2:1 */
}