/* ==================================================================
 * Design tokens – Customvouge
 * Màu chính lấy từ logo (teal), màu nhấn cam cho giá sale & CTA mua ngay.
 * Theme mods Flatsome (color_primary, color_secondary…) đồng bộ cùng bảng này.
 * ================================================================== */

:root {
	--cv-primary: #1aa79c;
	--cv-primary-dark: #12867d;
	--cv-primary-soft: #e8f6f5;
	--cv-accent: #ff6128;
	--cv-accent-dark: #e64e17;
	--cv-accent-soft: #fff0ea;

	--cv-text: #1f2933;
	--cv-text-muted: #5b6670;
	--cv-text-subtle: #8a949c;
	--cv-border: #e5e9ec;
	--cv-surface: #ffffff;
	--cv-surface-alt: #f6f8f8;
	--cv-dark: #0f2a28;
	--cv-dark-2: #0b201f;

	--cv-font-heading: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;
	--cv-font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	--cv-radius-sm: 6px;
	--cv-radius: 10px;
	--cv-radius-lg: 16px;
	--cv-radius-pill: 999px;

	--cv-shadow-sm: 0 1px 2px rgba(15, 42, 40, .06);
	--cv-shadow: 0 6px 20px rgba(15, 42, 40, .08);
	--cv-shadow-lg: 0 14px 40px rgba(15, 42, 40, .14);

	--cv-space-section: clamp(40px, 6vw, 72px);
	--cv-ease: cubic-bezier(.2, .7, .2, 1);

	/* biến của Flatsome */
	--primary-color: var(--cv-primary);
}