/* ----------------------------------------------------------------
	tokens.css — BRAND CONTROL PANEL (pa-5 · demo corporate-4)
	Nạp SAU custom.css → ghi đè, KHÔNG sửa file demo.
	An Phát 43 — role=navy · head=Archivo · body=Inter (khớp chooser).
	Trong chooser: styleDemos() bơm --cnvs-themecolor = DEEP role +
	--cnvs-primary-font = head · --cnvs-body-font = body đang chọn.
	File này = fallback standalone (chooser KHÔNG bơm --ap-cta → CTA lấy ở đây).

	pa-5 = demo ĐẦU TIÊN dựng trên nền P1(action)+P6(font) hoàn chỉnh → ĐÚNG TỪ ĐẦU:
	- P1: CTA nền sáng = --ap-cta (#c2410c, navy action) + chữ trắng; CTA nền đậm = --ap-cta-lift.
	     KHÔNG bake #e8631c.
	- P6: hero theo --cnvs-primary-font (head font đã chọn) @700 cap. KHÔNG Libre Bodoni/serif.

	ĐẶC THÙ corporate-4:
	- Header transparent-header dark; hero .slider-element parallax nền = inline background:url()
	  (shorthand → bg-color trong suốt) → lót nền tối #14233d để chữ sáng đo AA đúng + không mất chữ.
	- Nhiều CTA: .promo .button (Start Trial) · .button-full (band) · header .button-3d = nền sáng → --ap-cta.
	  Newsletter .btn-success ở footer .dark → --ap-cta-lift (nền đậm).
	- KHÔNG hardcode --cnvs-secondary-font cho heading (P6 open-item: heading phải theo head đã chọn).
-----------------------------------------------------------------*/

:root {
	--cnvs-themecolor: #1c3d6e;
	--cnvs-themecolor-rgb: 28, 61, 110;
	--cnvs-body-bg: #FFF;

	/* P6 · head=Archivo (heading h1-h6 + hero) · body=Inter. Chooser đè bằng font đang chọn. */
	--cnvs-primary-font: 'Archivo', system-ui, sans-serif;   /* head — dùng cho h1-h6 (style.css) */
	--cnvs-body-font: 'Inter', system-ui, sans-serif;        /* body */

	/* P1 · action bound-to-role (navy) — WCAG 1.4.11 ≥3.0, chữ nút 1.4.3 ≥4.5 */
	--ap-cta: #c2410c;               /* nút hành động, nền sáng */
	--ap-cta-rgb: 194, 65, 12;
	--ap-cta-ink: #ffffff;           /* trắng/#c2410c = 5.18 PASS (mực/#c2410c = 3.29 FAIL) */
	--ap-cta-lift: #f05211;          /* nút trên nền đậm (giữ ≥3.0 vs deep) */
	--ap-cta-lift-ink: #1e1e1e;      /* #1e1e1e/#f05211 = 5.36 PASS (cam sáng → chữ tối) */
}

/* ── NỀN TỐI LÓT HERO ── !important thắng inline `background:url()` (shorthand đặt bg-color trong suốt).
   Ảnh (background-image) vẫn phủ lên; nền tối hiện nếu ảnh lỗi + giúp gate đo AA chữ sáng. */
.slider-element { background-color: #14233d !important; }

/* ── HERO HEAD FONT (P6) ── hero H1 (text-rotater) → head font đã chọn; đè mọi weight.
   Cap 700 !important: subset chỉ 400/600/700 → 700 = face thật, tránh faux-bold. KHÔNG serif. */
#slider h1 {
	font-family: var(--cnvs-primary-font) !important;
	font-weight: 700 !important;
}

/* ── CTA NỀN SÁNG (P1) ── Canvas `.button` bg = --cnvs-btn-color; đổi var → cam + ép chữ trắng.
   .promo .button (Start Trial) · .button-full (band footer-stick) · header .button-3d (mega top). */
.promo .button,
.button-full,
#header .button-3d {
	--cnvs-btn-color: var(--ap-cta);
	color: var(--ap-cta-ink) !important;
}

/* ── CTA NỀN ĐẬM (P1 lift) ── newsletter .btn-success ở footer .dark → cam sáng + chữ tối. */
#footer .btn-success {
	background-color: var(--ap-cta-lift) !important;
	border-color: var(--ap-cta-lift) !important;
	color: var(--ap-cta-lift-ink) !important;
}

/* ================================================================
   §AA · SỬA CẶP CHỮ/NỀN CANVAS DEFAULT < 4.5 (gate G2 đo)
   ================================================================ */
/* Header transparent (at-top) phủ hero tối: nav sáng #f8f9fa "đo" trên nền trắng body = 1.05 (FALSE-POS —
   #header là SIBLING của #slider nên nền tối hero không với tới). Cho header nền tối bán trong suốt →
   nav đo trên nền tối (AUDIT_AA composite alpha) + giữ cảm giác overlay + đảm bảo đọc được cả khi ảnh
   hero sáng lúc deploy. Sticky-state (cuộn) Canvas tự cấp nền → :not(.sticky-header) nhường lại. */
#header.transparent-header:not(.sticky-header) { background-color: rgba(20, 35, 61, .92) !important; }

/* Header mini-cart: .top-checkout-price = --cnvs-themecolor (navy) trên nền cart tối #212529 = 1.43 (REAL).
   Chrome shop (ẩn trong dropdown) nhưng gate đo được → ép chữ sáng. */
.top-cart-content .top-checkout-price { color: #f5f5f5 !important; }

/* ================================================================
   §8 · VIETNAMESE LAYOUT GUARDS — dấu tiếng Việt cao, dễ tràn/chồng dòng.
   ================================================================ */
.menu-container > .menu-item > .menu-link { white-space: nowrap; }
h1, h2, h3, h4, h5,
.heading-block h2, .heading-block h3, .emphasis-title h2 { line-height: 1.3; }
.feature-box .fbox-content h3,
.feature-box p,
.heading-block h2, .heading-block h3,
.promo h3, .promo span,
.entry-title, .entry-title h2, .entry-title h3,
.tab-content h3,
.footer-widgets-wrap .widget h4,
#copyrights { overflow-wrap: anywhere; }
.feature-box .fbox-icon { flex-shrink: 0; }