:root {
	--color-background: #f4f3ef;
	--color-surface: #ffffff;
	--color-text: #161616;
	--color-muted: #6b6b66;
	--color-border: rgba(22, 22, 22, 0.12);
	--color-dark: #161616;
	--color-light: #f7f6f2;
	--color-accent: #345cff;

	--container-width: 1280px;
	--container-padding: 32px;

	--radius-small: 14px;
	--radius-medium: 24px;
	--radius-large: 34px;

	--shadow-card:
		0 1px 2px rgba(0, 0, 0, 0.03),
		0 16px 50px rgba(0, 0, 0, 0.04);

	--transition: 220ms cubic-bezier(0.22, 1, 0.36, 1);
}