:root{
	--color-body: 0 0% 9%;
	--color-bodyForeground: 0 0% 100%;
	--color-background: 0 0% 9%;
	--color-background-variant: 0 0% 12%;
	--color-foreground: 0 0% 100%;

	--color-primary: 37 42% 45%;
	--color-primary-variant: 37 42% 50%;
	--color-primary-container: 37 42% 40%;
	--color-primary-foreground: 0 0% 100%;

	--color-secondary: 36 51% 60%;
	--color-secondary-variant: 36 51% 65%;
	--color-secondary-container: 36 51% 55%;
	--color-secondary-foreground: 0 0% 0%;

	--color-card: 0 0% 12%;
	--color-card-variant: 0 0% 15%;  
	--color-card-foreground: 0 0% 100%;

	--color-accent: 36 51% 60%;
	--color-accent-variant: 36 51% 65%;
	--color-accent-foreground: 0 0% 0%;
	
	--color-muted: 0 0% 30%;
	--color-muted-foreground: 0 0% 20%;

	--color-border: 0 0% 15%;
	--color-input: 0 0% 15%;

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