/* Font Be Vietnam Pro: bản Handoff nạp bằng @import từ Google Fonts. Ở đây font được TỰ HOST (css/fonts.css,
   assets/fonts/) và preload trong index.html → bỏ 2 lần round-trip tới Google, giảm layout shift, không phụ thuộc bên thứ ba. */

/* Font dự phòng có chiều rộng chữ khớp Be Vietnam Pro. Tỉ lệ đo thực tế so với Arial:
   400–500 ≈ 1.08 · 600–700 ≈ 1.03–1.05 (so với Arial Bold) · 800 ≈ 0.95.
   Khi font thật tải xong, chữ gần như không đổi số dòng → giảm layout shift (CLS). */
@font-face {
  font-family: "Be Vietnam Pro Fallback";
  src: local("Arial"), local("Helvetica Neue"), local("Helvetica");
  font-weight: 400 500; size-adjust: 108%;
}
@font-face {
  font-family: "Be Vietnam Pro Fallback";
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Neue Bold"), local("Helvetica Bold");
  font-weight: 600 700; size-adjust: 103%;
}
@font-face {
  font-family: "Be Vietnam Pro Fallback";
  src: local("Arial Bold"), local("Arial-BoldMT"), local("Helvetica Neue Bold"), local("Helvetica Bold");
  font-weight: 800; size-adjust: 95%;
}

:root { --font-sans: "Be Vietnam Pro", "Be Vietnam Pro Fallback", "Inter", Arial, sans-serif; }
html { font-family: var(--font-sans); }
body { font-size: 16px; line-height: 1.7; font-weight: 400; }
h1, h2, h3, h4 { color: var(--viai-navy); line-height: 1.2; letter-spacing: -0.025em; }
h1 { font-size: clamp(40px, 5vw, 64px); font-weight: 700; }
h2 { font-size: clamp(30px, 3.5vw, 44px); font-weight: 700; color: var(--viai-blue); }   /* xanh thương hiệu + phần .accent gradient cam; .cta h2 ghi đè thành trắng */
h3 { font-size: clamp(20px, 2vw, 25px); font-weight: 600; }