:root {
	--primary-color: #005566;
	--primary-color: #337788;	/* 51,119,136 */
	--primary-dark-color: #295e6b;
	--primary-darker-color: #183840;
	--primary-darkest-color: #183840;
	--primary-light-color: #48a6be;
	--primary-lighter-color: #beeefa;
	--primary-reverse-color: #ffffff;
	--primary-alpha20-color: rgba(51,119,136,.2);
	--primary-alpha50-color: rgba(51,119,136,.5);
	--primary-reverse-alpha20-color: rgba(255,255,255,.2);

	--secondary-color: #303d40;	/* 48,61,64 */
	--secondary-alpha50-color: rgba(48,61,64, .5);
	--secondary-dark-color: #293336;
	--secondary-darker-color: #222a2c;
	--secondary-light-color: #3e4e52;
	--secondary-lighter-color: #51676c;
	--secondary-reverse-color: #ffffff;
	--grey-color: #666666;
	--lightgrey-color: #cccccc;
	--lightgrey-bg: #eeeeee;
	--verylight-grey-color: #f0f0f0;
	--darkgrey-color: #444444;
	--line-color: var(--lightgrey-color);
	--text-color: var(--grey-color);

	--header-color: #ffffff;
	--header-background: var(--secondary-darker-color);
	--header-font: 'Open Sans', sans-serif;
	--text-font: 'Open Sans', sans-serif;
	--icons-font: 'bootstrap-icons';

	--nav-color: #ffffff;
	--nav-root-bg-color: var(--secondary-dark-color);
	--nav-child-bg-color: var(--secondary-darker-color);
	--nav-border: 0;
	--nav-lg-color: #ffffff;
	--nav-lg-root-bg-color: var(--secondary-color);
	--nav-lg-child-bg-color: var(--secondary-darker-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(--lightgrey-color);
	--footer-background: var(--primary-darker-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); }

