:root{
	--c-color-body: 193 100% 14%;
	--c-color-body-foreground: 0 0% 100%;
	--c-color-background: 193 100% 14%;
	--c-color-background-variant: 192 100% 12%;
	--c-color-foreground: 0 0% 100%;

	--c-color-primary: 33 60% 64%;
	--c-color-primary-variant: 32 51% 61%;
	--c-color-primary-container: 32 45% 53%;
	--c-color-primary-foreground: 0 0% 100%;

	--c-color-secondary: 33 61% 65%;
	--c-color-secondary-variant: 32 50% 62%;
	--c-color-secondary-container: 32 39% 55%;
	--c-color-secondary-foreground: 0 0% 0%;

	--c-color-card: 192 100% 12%;
	--c-color-card-variant: 193 100% 14%;  
	--c-color-card-foreground: 0 0% 100%;

	--c-color-accent: 33 61% 65%;
	--c-color-accent-variant: 32 45% 56%;
	--c-color-accent-foreground: 0 0% 0%;
	
	--c-color-muted: 0 0% 30%;
	--c-color-muted-foreground: 192 100% 10%;

	--c-color-border: 193 100% 18%;
	--c-color-input: 193 100% 14%;

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