/* ----------------------------------------------------------------
	tokens.css — BRAND CONTROL PANEL
	Nạp SAU demos/academic/academic.css → ghi đè mà không sửa file demo.
	Đổi màu / font toàn site: CHỈ sửa file này.

	An Phát 43 — phương án màu/chữ CHỐT theo chooser: role=navy · font=bvp (Be Vietnam Pro).
	Navy vì identity==deep (#1c3d6e đủ tối) → flat themecolor này AN TOÀN AA cho chữ trắng.
	Đổi sang blue/steel PHẢI tách identity/deep (chúng khác nhau) kẻo chữ trắng trượt AA.
-----------------------------------------------------------------*/

:root {
	/* ── MÀU ── Navy nhận diện (role=navy) */
	--cnvs-themecolor: #1c3d6e;
	--cnvs-themecolor-rgb: 28, 61, 110;

	--cnvs-body-bg: #FFF;
	--cnvs-side-header-bg: #eceff3;   /* tint navy (thay warm-gray academic) */

	/* ── FONT ── hệ "bvp": Be Vietnam Pro cho cả heading + body (sans, sturdy — hợp nhà thầu).
	   Libre Bodoni CHỈ dùng làm serif nhấn cỡ lớn @700 (rule .display-2 cuối file) — không cho
	   heading nhỏ: Libre Bodoni chỉ có -700.woff2, weight khác = đậm giả (bẫy 5). */
	--cnvs-primary-font: "Be Vietnam Pro", system-ui, sans-serif;   /* headings → sans */
	--cnvs-body-font: "Be Vietnam Pro", system-ui, sans-serif;      /* body */

	/* ── LAYOUT ── */
	--cnvs-side-header-width: 300px;

	/* ── CTA ── cam theo VAI TRÒ màu (P1/P7), KHÔNG chạy theo --cnvs-themecolor.
	   Navy action = #c2410c. Chữ nút = --ap-cta-ink: mực #1e1e1e trên #c2410c chỉ 3.29 (FAIL AA),
	   TRẮNG đạt 5.18 (PASS). Trong chooser: styleDemos bơm đè --ap-cta theo role đang chọn.
	   Đồng bộ pa-4/pa-5 (cùng bộ #c2410c · lift #f05211). */
	--ap-cta: #c2410c;
	--ap-cta-rgb: 194, 65, 12;
	--ap-cta-ink: #ffffff;
	--ap-cta-lift: #f05211;
	--ap-cta-lift-ink: #1e1e1e;
}

/* ── CTA OVERRIDE ──
   Canvas: `.bg-color { background-color: rgba(var(--cnvs-themecolor-rgb),…) !important }`
   -> nút CTA đang ăn theo MÀU NHẬN DIỆN, trái quy ước "cam = hành động".
   Selector id (1,1,0) + !important mới thắng được (0,1,0) + !important.
   Bản dựng academic chỉ có ĐÚNG 1 nút CTA (submit form báo giá) — xem CHOOSER-NOTES §9. */
#template-contactform-submit.bg-color {
	background-color: rgba(var(--ap-cta-rgb), 1) !important;
	color: var(--ap-cta-ink) !important;
}

/* ── HERO HEAD FONT ── hero .display-2 = "tiêu đề nhấn cỡ lớn" → kiểu chữ tiêu đề đã chọn (--cnvs-primary-font).
   Cap 700 !important vì hero gốc fw-bolder(800), mà font subset chỉ 400/600/700 → 700 = face thật, tránh faux-bold (bẫy 5).
   Chỉ .display-2 (hero, dùng đúng 1 lần); heading khác theo primary-font. */
.display-2 {
	font-family: var(--cnvs-primary-font) !important;
	font-weight: 700 !important;
}

/* Nền navy (.bg-color) tối → chữ phải trắng (guidelines "chữ trắng chỉ trên nền đậm").
   Copyright gốc dùng text-dark (hợp gold sáng cũ) → trượt AA trên navy. Nút CTA là ngoại lệ,
   đã override cam+mực ở trên. Giữ .75 để dòng bản quyền vẫn mờ nhẹ như thiết kế gốc. */
#copyrights.bg-color p { color: rgba(255, 255, 255, .75) !important; }

body.dark {
	--cnvs-body-bg: #121212;
}

/* ── GUARD ──
   Sidebar cố định 300px. Tên công ty là 1 chuỗi dài KHÔNG có khoảng trắng
   (vd token {{COMPANY_NAME}} chưa bake, hoặc tên viết liền) sẽ nong flex-row
   → menu + logo bị cắt ở mép phải. Dòng dưới cho phép ngắt giữa từ.
   Tên bình thường (có khoảng trắng) không bị ảnh hưởng. */
#header .header-row h3 {
	overflow-wrap: anywhere;
}