:root
{	
	--bs-breadcrumb-divider: '•';
	--bg-default: #ffffff;
	
	--color-text-primary: #2f6ad9;
	--color-text-default: rgba(80,80,80, 1);
	--color-text-gray: rgba(130,130,130,1);
	--color-text-light: rgba(180,180,180,1);
	--color-text-secondary: #2d11ff; /* 4311ff */
	--color-text-muted: rgba(0,0,0, .4);
	--color-text-accent: #ff9000;	
	--color-link: #377dff;
	--color-link-hover: #1366ff;
	
	--color-bg-secondary: #2ab6ff;
	
	
	--color-mob-bg: #1c1d22;
	--color-mob-bg-tile: #33343c;
	--color-mob-primary: #70b6ff;
	--color-mob-text-default: var(--color-text-light);
	--color-mob-link: var(--color-mob-primary);
	--color-mob-link-hover: var(--color-mob-primary);
	
	
	--font-thin: 100;
	--font-extralight: 200;
	--font-light: 300;
	--font-regular: 400;
	--font-medium: 500;
	--font-semibold: 600;
	--font-bold: 700;
	--font-extrabold: 800;
	--font-black: 900;
	--font-family-fa: "Font Awesome 5 Pro";
	
	--font-size-small: .75rem;		/*	breadcrumbs and so on */
	
	
	--tab-hr-thickness: 4px;
	
	--border-radius-xs: 3px;
	--border-radius: 5px;
	--border-radius-lg: 8px;
	
	--z-mobilemenu: 3;

	--topbar-height: 150px;
	--section-left-width: 16vw;
	--section-right-width: 16vw;
	--section-right-vmenu-grow: 1.2;
	--section-content-width: calc(90vw - var(--section-right-width) - var(--section-right-width));
	--section-column-shrink-value: 8vw;
	--gap-tile: 20px;
	--gap-touch-x: 8px;
	--gap-touch-y: 5px;
	--easy-tap: 10px;
	--gap-viewport: 24px;
}
@media all and (min-width: 1200px) and (max-width: 1399.98px) {
	:root {
		--section-left-width: 15vw;
		--section-right-width: 15vw;
		--section-right-vmenu-grow: 1.4;
		--gap-tile: 14px;
	}
}
@media all and (max-width: 1199.98px) {
	:root {
		--topbar-height: 100px;
		--section-left-width: 12vw;
		--section-right-width: 12vw;
		--gap-tile: 14px;
	}
}
@media all and (max-width: 767.98px) {
	:root {
		--topbar-height: 70px;
		--section-left-width: 5vw;
		--section-right-width: 5vw;
		--gap-viewport: 2vmax;
	}
}
@media all and (max-width: 575.98px) {
	:root {
		--section-left-width: var(--gap-viewport);
		--section-right-width: var(--gap-viewport);
	}
}