:root {
	--primary-color: #888899;
	--primary-dark-color: #777788;
	--primary-darker-color: #555566;
	--primary-darkest-color: #222233;
	--primary-light-color: #9999aa;
	--primary-lighter-color: #aaaabb;
	--primary-reverse-color: #ffffff;
	--primary-alpha20-color: rgba(136,136,153,.2);
	--primary-alpha50-color: rgba(136,136,153,.5);

	--secondary-color: #ff008c;
	--secondary-alpha50-color: rgba(255,0,140,.5);
	--secondary-dark-color: #cc0070;
	--secondary-darker-color: #aa005d;
	--secondary-light-color: #ff55bb;
	--secondary-lighter-color: #ff88dd;
	--secondary-reverse-color: #ffffff;
	--near-black-color: #111119;
	--grey-color: #555566;
	--lightgrey-color: #cccccc;
	--lightgrey-bg: #e8ecff;
	--verylight-grey-color: #f0f0f0;
	--white-color: #f7f8fc;
	--darkgrey-color: #444444;
	--line-color: var(--lightgrey-color);
	--text-color: var(--grey-color);

	--theme-a-color: #0055aa;
	--theme-b-color: #dd0055;
	--theme-a-light-color: #00ccff;
	--theme-b-light-color: #ffffff;

	--header-color: #000000;
	--header-background: none;
	--header-font: 'Roboto Flex', sans-serif;
	--text-font: 'Roboto Flex', sans-serif;
	--icons-font: 'bootstrap-icons';

	--nav-color: ##ffffff;
	--nav-bg-color: var(--primary-dark-color);
	--nav-root-bg-color: var(--primary-dark-color);
	--nav-child-bg-color: var(--primary-darker-color);
	--nav-border: 0;
	--nav-lg-color:#000000;
	--nav-lg-root-bg-color: transparent;
	--nav-lg-child-bg-color: var(--verylight-grey-color);
	--nav-lg-border: 1px solid #eeeeee;
	--nav-inverse-color: #ffffff;
	--nav-inverse-bg: var(--primary-color);
	--nav-font: var(--header-font);

	--footer-color: var(--lightgrey-color);
	--footer-link-color: var(--text-color);
	--footer-background: var(--lightgrey-color);

	--speed: .3s;
	--toggle-width: 42px;
	--toggle-height: 42px;

	--bs-font-sans-serif: var(--text-font);
	--swiper-theme-color: var(--primary-color);
	--swiper-navigation-color: var(--nav-lg-root-bg-color);

	--control-border-radius: 0;
}

::selection { background: var(--primary-alpha20-color); }
::-moz-selection { background: var(--primary-alpha20-color); }
.bg-dark ::selection { background: var(--primary-reverse-alpha20-color); }
.bg-dark ::-moz-selection { background: var(--primary-reverse-alpha20-color); }

.dark :root {
	--header-color: #ffffff;
}