/* WP SkinMan Core — module "tokens": màu nhạt dùng chung, tự lấy theo màu chính của website (owner 15/10/2026: bỏ màu
   viết cứng theo Nam Long, để web công ty khác đổi bảng màu Blocksy là đúng màu).
   --skm-accent  = màu 1 trong bảng màu Blocksy (Customizer → Colors).
   --skm-tint-1..4 = màu chính pha với trắng 6% / 9% / 18% / 26% (nền rê chuột, nền mục đang chọn, viền nhạt, viền khung giá).
   --skm-highlight = màu nhấn phụ (viền ô tìm kiếm khi đang gõ). Đặt ở Customizer → "WP SkinMan: Màu nhấn phụ";
   để trống thì lấy màu chính pha trắng.
   Trình duyệt cũ (trước 2023) không có color-mix: dùng các màu xám trung tính bên dưới. */
:root {
	--skm-accent: var(--theme-palette-color-1, #0d8a3a);
	--skm-tint-1: #f3f5f7;
	--skm-tint-2: #eef1f4;
	--skm-tint-3: #dfe3e8;
	--skm-tint-4: #cfd5dc;
	--skm-highlight: #cfd5dc;
}
@supports (color: color-mix(in srgb, red 50%, white)) {
	:root {
		--skm-tint-1: color-mix(in srgb, var(--skm-accent) 6%, #fff);
		--skm-tint-2: color-mix(in srgb, var(--skm-accent) 9%, #fff);
		--skm-tint-3: color-mix(in srgb, var(--skm-accent) 18%, #fff);
		--skm-tint-4: color-mix(in srgb, var(--skm-accent) 26%, #fff);
		--skm-highlight: color-mix(in srgb, var(--skm-accent) 45%, #fff);
	}
}