/**
 * Win10 design tokens — màu & kích thước dùng chung (sản phẩm, blog, pagination).
 * Sửa màu chủ đạo tại đây.
 */

:root {
	--win10-brand: #18a15f;
	--win10-brand-dark: #128a52;
	--win10-brand-light: #18c95a;
	--win10-text: #1f2937;
	--win10-muted: #64748b;
	--win10-surface: #fff;
	--win10-bg: #f5f7fa;
	--win10-border: #e8ecf0;
	--win10-radius: 12px;
	--win10-radius-lg: 16px;
	--win10-radius-pill: 999px;
	--win10-shadow: 0 4px 18px rgba(15, 23, 42, 0.06);
	--win10-shadow-hover: 0 12px 28px rgba(24, 161, 95, 0.12);
	--win10-transition: 0.22s ease;

	/* Tiêu đề block thống nhất (sidebar, footer, KM, pricing) */
	--win10-block-title-size: 0.8125rem;
	--win10-block-title-weight: 700;
	--win10-block-title-tracking: 0.06em;
	--win10-block-title-line: 1.3;
	--win10-block-title-border: 2px solid var(--win10-brand);
	--win10-block-title-gap: 0.65rem;

	/* Badge giảm giá */
	--win10-badge-offset: 12px;
	--win10-sale-bg: linear-gradient(135deg, #e53935 0%, #c62828 100%);
	--win10-sale-shadow: 0 3px 10px rgba(198, 40, 40, 0.32);

	/* Phân trang (alias) */
	--win10-pg-primary: var(--win10-brand);
	--win10-pg-primary-dark: var(--win10-brand-dark);
	--win10-pg-track: rgba(24, 161, 95, 0.07);
	--win10-pg-surface: var(--win10-surface);
	--win10-pg-text: #2a2a2a;
	--win10-pg-muted: #6b7280;
	--win10-pg-radius: var(--win10-radius);
	--win10-pg-size: 40px;
}