// This file is geneated by ../pg/_config.pug. Please make your changes there so they are not overwritten

$colors: (
	color-blue: #2e51a1,
	color-blue-l: #5c7abf,
	color-blue-xl: #b2c3ec,
	color-blue-d: #133176,
	color-blue-xd: #031235,

	color-oj: #f0b031,
	color-oj-l: #ffcc67,
	color-oj-xl: #ffe4ad,
	color-oj-d: #cb8906,
	color-oj-xd: #9d6900,

	color-raspberry: #da2c5b,
	color-raspberry-l: #ed5e85,
	color-raspberry-xl: #f9a4bb,
	color-raspberry-d: #9f0c34,
	color-raspberry-xd: #400011,

	color-lime: #cde92f,
	color-lime-l: #e2f963,
	color-lime-xl: #effca6,
	color-lime-d: #9bb40b,
	color-lime-xd: #607100,

	color-grey: #7f7f7f,
	color-grey-l: #b2b2b2,
	color-grey-xl: #d8d8d8,
	color-grey-xxl: #f0f0f0,
	color-white: #fff,
	color-page: #fff,
	color-light: #fff,
	color-grey-d: #4c4c4c,
	color-grey-xd: #4c4c4c,
	color-black: #000,
	color-dark: #000,

	color-error: #a00109,
	color-error-text: #fff,

	color-warn: #a38301,
	color-warn-text: #fff,

	color-notify: #599601,
	color-notify-text: #fff,

	color-info: #b2c3ec,
	color-info-text: #000,
);
:root {
	@each $name, $color in $colors {
		--#{$name}: #{$color};
	}
}

@import "color-samples";


$statuses: (
	"not-started": transparent,
	"another-status": red,
	"in-progress": var(--color-oj),
	"complete": var(--color-lime),
	"needs-review": var(--color-oj-xd),
	"deprecated": var(--color-raspberry),
);