:root{
	--c-color-body: 37 17% 91%;
	--c-color-body-foreground: 0 0% 0%;
	--c-color-background: 37 17% 91%;
	--c-color-background-variant: 37 18% 86%;
	--c-color-foreground: 0 0% 0%;

	--c-color-primary: 0 100% 17%;
	--c-color-primary-variant: 0 100% 15%;
	--c-color-primary-container: 0 100% 13%;
	--c-color-primary-foreground: 0 0% 100%;

	--c-color-secondary: 0 0% 94%;
	--c-color-secondary-variant: 0 0% 92%;
	--c-color-secondary-container: 0 0% 90%;
	--c-color-secondary-foreground: 0 0% 0%;

	--c-color-card: 0 0% 100%;
	--c-color-card-variant: 0 0% 96%;  
	--c-color-card-foreground: 0 0% 0%;

	--c-color-accent: 0 6% 80%;
	--c-color-accent-variant: 0 5% 75%;
	--c-color-accent-foreground: 0 0% 100%;
	
	--c-color-muted: 0 0% 30%;
	--c-color-muted-foreground: 0 0% 20%;

	--c-color-border: 223 14% 90%;
	--c-color-input: 0 0% 100%;

	--c-radius: .5rem;
	--c-border: 1px;
	--c-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); 
}