:root {
	--dark: rgb(25, 30, 35);
	--darker: rgb(15, 20, 25);
	--light: rgb(195, 200, 205);
	--lighter: rgb(245, 250, 255);
	--blue-dark: #569bd4;
	--green-dark: #4ec9b0;
	--yellow: #dcdcaa;
	--red: #ce9178;
	--purple: #c586c0;

	--color-background: var(--dark);
	--color-background-sunken: var(--darker);
	--color-surface: rgb(35, 40, 45);
	--color-border: rgb(70, 75, 80);
	--color-text: var(--light);
	--color-text-strong: var(--lighter);
	--color-text-muted: rgb(145, 150, 155);
	--color-action: var(--blue-dark);
	--color-success: var(--green-dark);
	--color-warning: var(--yellow);
	--color-danger: var(--red);
	--color-special: var(--purple);
}