/* ----------------------------------------------------------------
	tokens.css — BRAND CONTROL PANEL (pa-3 · demo interior-design)
	Nạp SAU interior-design.css → ghi đè, không sửa file demo.
	An Phát 43 — role=navy · font=bvp (khớp chooser). Trong chooser: styleDemos() bơm
	--cnvs-themecolor = DEEP role + --cnvs-primary/body-font = font sans đang chọn.
	File này = fallback standalone.

	ĐẶC THÙ pa-3:
	- Demo dùng .font-secondary (Libre Bodoni) cho 3 heading display: hero H1 (weight 900 inline!),
	  banner H2, testi H2. Libre Bodoni bản chooser chỉ có face 700 → 900 = ĐẬM GIẢ (bẫy 5).
	  Theo lock "sans heading + serif nhấn HERO-only": secondary=BVP (banner/testi → sans),
	  RIÊNG hero H1 ép Libre Bodoni 700 (rule cuối). Muốn banner/testi cũng serif → đổi secondary
	  = Libre Bodoni + ép 700 cho 2 heading đó (1-2 dòng).
	- Hero + banner nền = ẢNH (inline background:url) → bg-color trong suốt → chữ sáng "đo" trên nền
	  trắng (fail AA giả) + mất chữ nếu ảnh lỗi. Lót nền tối #14233d (ảnh phủ lên, vô hình khi ảnh OK).
	- Không form → CTA chính = nút hero. Cam hoá nút hero; nút tab để navy (mở rộng dễ).
-----------------------------------------------------------------*/

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

	/* font: Be Vietnam Pro cho heading+body+secondary (secondary=BVP để .font-secondary banner/testi
	   không rơi Libre Bodoni ở weight khác 700 = đậm giả). Serif chỉ dùng hero (rule cuối file). */
	--cnvs-primary-font: "Be Vietnam Pro", system-ui, sans-serif;
	--cnvs-body-font: "Be Vietnam Pro", system-ui, sans-serif;
	--cnvs-secondary-font: "Be Vietnam Pro", system-ui, sans-serif;

	--ap-cta: #e8631c;
	--ap-cta-rgb: 232, 99, 28;
	--ap-cta-ink: #1e1e1e;
}

/* ── NỀN TỐI LÓT SECTION ẢNH ── !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 chỉ hiện nếu ảnh lỗi + giúp gate đo AA. */
.slider-element,
.section.dark { background-color: #14233d !important; }

/* ── CTA HERO ── không có form; nút hero là CTA chính. Canvas `.button` bg = --cnvs-btn-color;
   đổi var → cam + ép chữ mực (trắng/cam 3.37 FAIL, mực/cam 4.95 PASS). Nút tab (.tab-content .button) để navy. */
.slider-element .button {
	--cnvs-btn-color: var(--ap-cta);
	color: var(--ap-cta-ink) !important;
}

/* ── HERO HEAD FONT ── hero H1 → kiểu chữ tiêu đề đã chọn (--cnvs-primary-font); đè .font-secondary + inline font-weight:900.
   Cap 700 !important: font subset chỉ 400/600/700 → 700 = face thật, tránh faux-bold. Giữ font-size:76px inline + text-white. */
.slider-element h1 {
	font-family: var(--cnvs-primary-font) !important;
	font-weight: 700 !important;
}

/* ── SỬA AA ── 4 chỗ xám MẶC ĐỊNH Canvas/interior < 4.5 (gate đo) → #6e6e6e (5.1) giữ cảm giác phụ. */
.heading-block > span:not(.before-heading) { color: #6e6e6e !important; }  /* subtitle: contrast-600 #999 2.85 → 5.1 */
.review-id { color: #6e6e6e !important; }                       /* meta cảm nhận: #aaa 2.32 → 5.1 */
.review-content p { color: #6e6e6e !important; }                /* thân cảm nhận: #888 3.54 → 5.1 */
#copyrights span { color: #6e6e6e !important; }                 /* copyright: #bbb 1.92 → 5.1 */

/* ================================================================
   §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; }
.feature-box .fbox-content h3,
.feature-box p,
.portfolio-desc h3, .portfolio-desc span,
.entry-title, .entry-title h2, .entry-title h3,
.testi-content p, .team-title h4, .heading-block h2, .heading-block h3,
.emphasis-title h2{ overflow-wrap:anywhere; }
h1,h2,h3,h4,h5,.heading-block h2,.emphasis-title h2{ line-height:1.3; }
.feature-box .fbox-icon{ flex-shrink:0; }