:root {
	--white: #ffffff;
	--grey-100: #f2f2f2;
	--grey-200: #eeeeee;
	--grey-250: #e3e3e3;
	--grey-300: #e0e0e0;
	--grey-400: #d9d9d9;
	--grey-500: #a7a7a7;
	--grey-600: #939598;
	--grey-800: #58585a;
	--grey-900: #191919;
	--black: #000000;

	--primary-color: #39F7B2;
	--secondary-color: #5E66EA;
	--accent-color: var(--brand-teal);

	--brand-teal: #007486;
	--brand-lime: #9ec137;

	--pk-page-bg-color: var(--white);
	--page-gradient-start: var(--grey-500);
	--page-gradient-end: var(--grey-250);

	--brand-gradient-start: var(--brand-teal);
	--brand-gradient-end: var(--brand-lime);

	--card-title-color: var(--brand-teal);
	--info-box-title-color: var(--brand-teal);
	--slider-arrow-color: var(--brand-teal);

	--panel-bg-color: var(--white);
	--placeholder-bg-color: var(--grey-600);
	--heading-alt-color: var(--grey-800);

	--header-scrolled-bg-color: var(--grey-500);

	--menu-link-color: var(--white);
	--button-bg-color: var(--brand-teal);
	--button-text-color: var(--white);
	--button-bg-color-hover: var(--brand-lime);
	--button-text-color-hover: var(--white);

	--footer-bg-color: var(--white);
	--footer-title-color: var(--brand-teal);
	--footer-link-color: var(--brand-teal);
	--card-link-color: var(--accent-color);

	--pk-text-color: var(--grey-900);
	--pk-heading-color: var(--grey-900);
}