/*!
 * Design tokens Pro-Metal — NGUỒN CHÂN LÝ màu / chữ / spacing.
 * @owner Session A — KHÓA sau khi hoàn tất. Các session khác chỉ ĐỌC var(), KHÔNG sửa file này.
 */
:root{
	/* ── Màu ── (cập nhật 2026-08-13: màu chủ đạo = #224b69, logo đổi theo) */
	--pm-brand:#224b69;         /* CHÍNH = màu logo (mới) */
	--pm-brand-deep:#163a54;    /* navy đậm: hover / link / nhấn */
	--pm-brand-dark:#0b3a4e;    /* nền tối nhất */
	--pm-brand-soft:#3C6382;    /* xanh nhạt hơn: card / surface nhấn (tông logo cũ) */
	--pm-accent:#f0932b;        /* cam — PHỤ, ≤ 8% (nền nút/điểm nhấn) */
	--pm-accent-hover:#d97e1a;
	--pm-accent-ink:#a8600c;    /* cam ĐẬM cho CHỮ trên nền sáng (eyebrow/badge) — ~4,8:1 trên trắng, đạt WCAG AA */
	--pm-zalo:#0068ff;
	--pm-text:#1e2b33;
	--pm-muted:#5a6b76;
	--pm-line:#d6e3ea;
	--pm-surface:#f2f7f9;
	--pm-surface-2:#e8f0f4;
	--pm-white:#ffffff;

	/* ── Chữ ── */
	--pm-font:'Be Vietnam Pro',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
	--pm-h1:44px;      /* H1 lớn nhất */
	--pm-h:24px;       /* H2–H6 BẰNG NHAU */
	--pm-lead:18px;
	--pm-body:17px;
	--pm-small:13.5px;

	/* ── Layout ── */
	--pm-content:1200px;   /* container nội dung */
	--pm-wide:1440px;      /* full-width frame */
	--pm-gutter:32px;

	/* ── Radius / shadow ── */
	--pm-r-sm:8px; --pm-r-md:12px; --pm-r-lg:14px; --pm-r-pill:30px;
	--pm-sh-card:0 10px 26px rgba(11,58,78,.08);
	--pm-sh-elev:0 22px 50px rgba(0,0,0,.20);
}

@media(max-width:860px){
	:root{ --pm-h1:30px; --pm-h:20px; --pm-body:16px; --pm-gutter:16px; }
}