:root {
	/* Base colors */
	--body-background: hsla(200, 67%, 28%, 1);
	--wrapper-background: hsla(0, 5%, 92%, 1);
	--wrapper-border: 1px solid hsla(36, 19%, 67%, 1);
	--content-background: hsla(0, 0%, 98%, 1);
	--content-background-alternate: hsla(0, 0%, 92%, 1);
	--content-border: 1px solid hsla(38, 16%, 76%, 1);
	--text-color: hsla(185, 14%, 17%, 1);
	--content-text-color: hsla(197, 12%, 34%, 1);
	--white: hsla(315, 100%, 99%, 1);

	/* Navigation and links */
	--nav-background: hsla(36, 19%, 67%, 1);
	--nav-links: hsla(0, 0%, 0%, 1);
	--nav-links-hover: hsla(190, 10%, 48%, 1);
	--nav-border: 1px solid var(--body-background);
	--links: hsla(200, 25%, 40%, 1);

	/* Text and boxes */
	--alert: hsla(353, 56%, 51%, 1);
	--alert-border: hsla(28, 100%, 53%, 1);
	--warning: hsla(355, 96%, 69%, 1);
	--highlight: hsla(55, 85%, 75%, 1);
	--highlight-border: hsla(49, 79%, 53%, 1);
	--notes: hsla(180, 31%, 94%, 1);
	--note-border: hsla(59, 77%, 36%, 1);
	--positive: hsla(85, 59%, 58%, 1);
	--positive-border: hsla(87, 26%, 44%, 1);
	--jackpot: hsla(194, 57%, 57%, 1);
	--jackpot-border: var(--body-background);

	/* Miscellaneous */
	--header-background: hsla(36, 19%, 67%, 1);
	--table-hover: hsla(200, 67%, 28%, 0.15);
	--skills: hsla(194, 57%, 57%, 1);
	--match-positive: hsla(85, 59%, 58%, 0.5);
	--match-negative: hsla(355, 96%, 69%, 0.5);
}