:root{
	--c-color-body: 240 7% 8%;
	--c-color-body-foreground: 0 0% 100%;
	--c-color-background: 240 7% 8%;
	--c-color-background-variant: 240 6% 10%;
	--c-color-foreground: 0 0% 100%;

	--c-color-primary: 25 91% 58%;
	--c-color-primary-variant: 25 91% 62%;
	--c-color-primary-container: 25 91% 54%;
	--c-color-primary-foreground: 0 0% 100%;

	--c-color-secondary: 346 76% 18%;
	--c-color-secondary-variant: 346 77% 22%;
	--c-color-secondary-container: 346 75% 14%;
	--c-color-secondary-foreground: 0 0% 100%;

	--c-color-card: 240 5% 12%;
	--c-color-card-variant: 240 4% 14%;  
	--c-color-card-foreground: 0 0% 100%;

	--c-color-accent: 25 91% 58%;
	--c-color-accent-variant: 25 91% 62%;
	--c-color-accent-foreground: 0 0% 100%;
	
	--c-color-muted: 0 0% 30%;
	--c-color-muted-foreground: 0 0% 20%;

	--c-color-border: 240 6% 16%;
	--c-color-input: 240 4% 14%;

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