/* =========================================================================
 * Tokens giao diện dùng chung (font, cỡ chữ, màu, bo góc, bóng, khoảng cách)
 * cho mọi khối tự code: trang chủ (.lo-home), header (.lo-header)...
 * Tải toàn site; thêm class gốc mới vào selector bên dưới khi có khối mới.
 * ========================================================================= */
.lo-home,
.lo-header {
	/* Font: Inter cho cả chữ thường và tiêu đề (tự host trong assets/fonts, xem lo-fonts.css). */
	--lo-font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--lo-font-heading: var(--lo-font); /* tiêu đề dùng chung Inter với chữ thường */

	/* Thang cỡ chữ */
	--lo-fs-xs: 12px;
	--lo-fs-sm: 13px;
	--lo-fs-base: 14px;
	--lo-fs-md: 15px;
	--lo-fs-lg: 17px;
	--lo-fs-xl: 20px;
	--lo-fs-h2: clamp(19px, 0.9vw + 13px, 23px);
	--lo-fs-h1: clamp(24px, 1.6vw + 14px, 34px);
	--lo-fs-display: clamp(22px, 1.8vw + 12px, 32px);
	--lo-lh-tight: 1.3;
	--lo-lh: 1.55;

	/* Màu */
	--lo-primary: #d72027;
	--lo-primary-hover: #b8181e;
	--lo-primary-soft: #fdecec;
	/* Màu nhấn phụ (navy như header): dùng cho trạng thái chọn, nút phụ, số thứ tự... để bớt đỏ. */
	--lo-accent: #12357a;
	--lo-accent-hover: #0b2a63;
	--lo-accent-soft: #eaf0fa;
	--lo-accent-soft-hover: #d9e4f6;
	--lo-navy: #0f2d5c;
	--lo-ink: #0f172a;
	--lo-ink-2: #334155;
	--lo-muted: #64748b;
	--lo-line: #e5e7eb;
	--lo-line-soft: #f1f5f9;
	--lo-bg: #f5f6f8;
	--lo-surface: #ffffff;
	--lo-success: #15803d;
	--lo-warning: #b45309;
	--lo-danger: #c81e1e;
	--lo-star: #f59e0b;

	/* Bo góc, bóng, khoảng cách */
	--lo-r-sm: 6px;
	--lo-r: 10px;
	--lo-r-lg: 14px;
	--lo-r-pill: 999px;
	--lo-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
	--lo-shadow: 0 1px 3px rgba(15, 23, 42, 0.06), 0 6px 20px rgba(15, 23, 42, 0.05);
	--lo-shadow-hover: 0 10px 28px rgba(15, 23, 42, 0.1);
	--lo-gap: 24px;
	--lo-gap-sm: 14px;
	--lo-section-y: 36px;
	--lo-container: 1280px;
	--lo-ease: 0.2s ease;

	font-family: var(--lo-font);
	font-size: var(--lo-fs-base);
	line-height: var(--lo-lh);
	color: var(--lo-ink-2);
	-webkit-font-smoothing: antialiased;
}