:root {
    --grey: #F5F5F5;
	--brand-primary-color: #FF3363;
	--brand-secondary-color: #ffc3d1;
    --brand-secondary-color-light: #fde6eb;
    --brand-hover-color: black;
    --border-color: #CCCCCC;
	/* space system */
    --gap: 4px;
    --gap-sm: calc(var(--gap) * 2);
    --gap-md: calc(var(--gap) * 4);
    --gap-lg: calc(var(--gap) * 6);
    --gap-xl: calc(var(--gap) * 8);
}