:root {
	--wcmw-container: 1200px;

	--wcmw-bg: #fbfcf6;
	--wcmw-bg-soft: #fff8f2;
	--wcmw-card: #ffffff;
	--wcmw-card-soft: rgba(255, 255, 255, 0.86);

	--wcmw-text: #2f2f3a;
	--wcmw-text-soft: rgba(47, 47, 58, 0.68);
	--wcmw-muted: #666873;

	--wcmw-green: #b7d9a7;
	--wcmw-green-soft: #dff3dc;
	--wcmw-yellow-soft: #fff2bd;
	--wcmw-pink-soft: #ffe2ea;
	--wcmw-blue-soft: #dceeff;
	--wcmw-purple-soft: #eee4ff;
	--wcmw-orange-soft: #ffe5c9;

	--wcmw-radius-sm: 14px;
	--wcmw-radius-md: 20px;
	--wcmw-radius-lg: 28px;
	--wcmw-radius-xl: 38px;

	--wcmw-border: rgba(47, 47, 58, 0.07);
	--wcmw-border-light: rgba(255, 255, 255, 0.72);

	--wcmw-shadow: 0 14px 34px rgba(58, 45, 84, 0.08);
	--wcmw-shadow-hover: 0 18px 42px rgba(58, 45, 84, 0.12);

	--wcmw-active-gradient:
		linear-gradient(
			135deg,
			#dff3dc 0%,
			#fff2bd 48%,
			#dceeff 100%
		);

	--wcmw-active-gradient-warm:
		linear-gradient(
			135deg,
			#ffd8c9 0%,
			#fff2bd 48%,
			#dff3dc 100%
		);
}