@import 'reset.css';
@import 'layout.css';
@import 'fonts.css';
@import 'buttons.css';
@import 'inputs.css';
@import 'checkbox.css';
@import 'selects.css';
@import 'icons.css';
@import 'tables.css';
@import 'lists.css';
@import 'tabs.css';
@import 'pagination.css';
@import 'dropdown.css';
@import 'breadcrumbs.css';


:root {
	--global-transition: 750ms cubic-bezier(0.22, 1, 0.36, 1);
}

a { 
	cursor:pointer;
	/*
	color:var(--text-color);
	*/
}

strong {
	font-weight:bold;
}

.theme-style-base {
	--background-color: var(--base-color);
	--text-color: var(--base-text-color);
	--accent-text-color: var(--base-accent-text-color);
	--accent-background-color: var(--base-accent-color);
}

.theme-style-primary {
	--background-color: var(--primary-color);
	--text-color: var(--primary-text-color);
	--accent-text-color: var(--primary-accent-text-color);
	--accent-background-color: var(--primary-accent-color);
}

.theme-style-secondary {
	--background-color: var(--secondary-color);
	--text-color: var(--secondary-text-color);
	--accent-text-color: var(--secondary-accent-text-color);
	--accent-background-color: var(--secondary-accent-color);
}

.theme-style-contrast {
	--background-color: var(--contrast-color);
	--text-color: var(--contrast-text-color);
	--accent-text-color: var(--contrast-accent-text-color);
	--accent-background-color: var(--contrast-accent-color);
}

/*
.veva-route-changing main {
	visibility:hidden;
}
*/

body:after {
	position: fixed;
	content: "Andartak...";
	font-size: 10vw;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(255,255,255,0.5);
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
	opacity: 0;
	transition: opacity 0.3s;
	transition-delay: 0;
}

body.veva-route-changing:after {
	opacity: 1;
	transition-delay: 0.2s;
}