/**
 * CSS Custom Properties dùng chung toàn theme.
 * Đổi giá trị ở đây để re-theme toàn site, không hardcode màu/spacing rải rác.
 */
:root {
	/* Màu sắc */
	--color-text: #1a1a1a;
	--color-text-muted: #5c5c5c;
	--color-bg: #ffffff;
	--color-bg-alt: #f5f5f5;
	/* Xanh brand Figma (#046AB5) thay #0d6efd bootstrap của scaffold ban đầu. */
	--color-primary: #046AB5;
	--color-primary-hover: #03518a;
	--color-border: #e0e0e0;

	/* Typography */
	/* Figma dùng Inter cho toàn site — nhúng self-host qua @font-face trong typography.css.
	   Giữ nguyên system-ui... phía sau làm fallback khi font chưa tải/ lỗi. */
	--font-family-base: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--font-size-base: 1rem;
	--line-height-base: 1.6;

	/* Layout — container FLUID trần MỚI 1200px (migrate từ 1684). Giá trị dự phòng —
	   bản thật do tmnhanphat_render_global_css_vars() bơm inline (default 1200). */
	--container-max-width: min(1200px, 50vw + 600px);
	/* "1px Figma" quy đổi theo container. Giữ MẪU SỐ 1684 (F vẫn là px Figma trên canvas
	   nội dung 1636) nhưng CAP ở 0.71px thay vì 1px: trên màn lớn mọi kích thước không-gian
	   (heading/gap/card-width/section-bottom) dừng ở F×0.71 — tương ứng container 1200 —
	   thay vì phóng tới F×1 của container 1684 cũ. Body/icon/radius KHÔNG dùng biến này (đặt
	   giá trị optical cố định theo từng component — xem Scale Guideline). */
	--fig1px: min(0.71px, calc((50vw + 600px) / 1684));
	/* Giá trị dự phòng — thực tế luôn được ghi đè theo Customizer "Global Settings" → Layout
	   qua wp_add_inline_style() trong inc/enqueue.php (PROJECT_RULES.md mục 27). Không sửa
	   khoảng cách 2 bên ở đây; đổi trong Customizer để áp dụng toàn site. */
	--container-padding: 24px;
	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;

	/* Hiệu ứng */
	--radius-base: 10px;
	--transition-base: 0.2s ease-in-out;
}