:root {
	--bg-color-body: var(--color-black);
	--bg-color-main: var(--color-deep-navy);
	--color-black: #000;
	--color-warning: #c00;
	--color-ok: #5aac5a;

	--color-charcoal: #38424a;
	--color-deep-navy: #171c30;
	--color-savanne: #c7733b;
	--color-pink: #f7bdc2;
	--color-cotton-white: #f5f2eb;

	--manrope-extra-light: normal normal 200 17px/26px 'Manrope', Arial, Helvetica, sans-serif;
	--manrope-light: normal normal 300 17px/26px 'Manrope', Arial, Helvetica, sans-serif;
	--manrope-regular: normal normal 400 17px/26px 'Manrope', Arial, Helvetica, sans-serif;
	--manrope-medium: normal normal 500 17px/26px 'Manrope', Arial, Helvetica, sans-serif;
	--manrope-semibold: normal normal 600 17px/26px 'Manrope', Arial, Helvetica, sans-serif;
	--manrope-bold: normal normal 700 17px/26px 'Manrope', Arial, Helvetica, sans-serif;
	--manrope-extrabold: normal normal 800 17px/26px 'Manrope', Arial, Helvetica, sans-serif;

	--category-regular: normal normal normal 16px/25px 'Category Regular', Arial, Helvetica, sans-serif;
	--category-bold: normal normal normal 16px/25px 'Category Bold', Arial, Helvetica, sans-serif;

	--font-regular: var(--manrope-regular);
	--font-bold: var(--manrope-bold);
}