/* Design tokens — xem docs/02-design-system.md */
/* Bảng màu THƯƠNG HIỆU BĐS Tây Bắc Củ Chi — đỏ #ca252b (lấy từ logo) */
:root {
	--c-primary: #ca252b;
	--c-primary-600: #a81d22;
	--c-primary-50: #fdecee;
	--c-accent: #e8a200;
	--c-accent-600: #c68a00;
	--c-accent-50: #fff6e0;
	--c-dark: #333333;
	--c-darker: #222222;
	--c-text: #333333;
	--c-muted: #666666;
	--c-link: #b81f25;
	--c-surface: #ffffff;
	--c-surface-2: #f2f2f2;
	--c-border: #e3e3e3;
	--c-vip: #e8a200;
	--c-danger: #d93025;
	--c-zalo: #0068ff;

	--font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--fs-xs: 12px;
	--fs-sm: 13px;
	--fs-base: 15px;
	--fs-md: 16px;
	--fs-lg: 18px;
	--fs-xl: clamp(22px, 2.4vw, 26px);
	--fs-2xl: clamp(24px, 3.2vw, 34px);

	--sp-1: 4px;
	--sp-2: 8px;
	--sp-3: 12px;
	--sp-4: 16px;
	--sp-5: 24px;
	--sp-6: 32px;
	--sp-7: 48px;

	--container: 1200px;
	--radius-sm: 4px;
	--radius: 8px;
	--radius-lg: 12px;
	--shadow-1: 0 1px 3px rgba(0, 0, 0, .08);
	--shadow-2: 0 6px 18px rgba(0, 0, 0, .12);
	--nav-h: 44px;
}