/* Import component styles */
@import 'components/card.css';
@import 'components/sideNavItem.css';
@import 'components/listBox.css';
@import 'components/searchBox.css';
@import 'components/searchResult.css';
@import 'components/image.css';
@import 'components/userAvatar.css';
@import 'components/contextMenu.css';
@import 'components/button.css';
@import 'components/icon.css';
@import 'components/grid.css';
@import 'components/queueStatusComponent.css';
/* Import view styles */
@import 'views/login.css';
@import 'views/menu.css';
@import 'components/moduleCard.css';
/* Import animations */
@import 'animations/fade.css';
@import 'animations/spin.css';
@import 'components/listItem.css';

html {
/* 	--lumo-primary-color: hsl(31, 70%, 30%); */
	--lumo-primary-color: hsl(31, 79.2%, 54.7%);
	--lumo-primary-text-color: hsl(31, 70%, 60%);
	--lumo-primary-color-50pct: hsl(31, 70%, 49%, 0.5);
	--lumo-primary-color-10pct: hwb(31 15% 17% / 0.1);
	--lumo-primary-contrast-color: #fff;
}

html[theme="dark"] {
	--lumo-primary-color: hsl(31, 70%, 30%);
	--lumo-primary-text-color: hsl(31, 70%, 60%);
	--lumo-primary-color-50pct: hsl(31, 70%, 49%, 0.5);
	--lumo-primary-color-10pct: hsl(31, 70%, 49%, 0.1);
	--lumo-primary-contrast-color: #eee;
}

vaadin-drawer-toggle {
	--lumo-primary-color: hsl(31, 70%, 49%);
}

vaadin-drawer-toggle[theme="dark"] {
	--lumo-primary-color: hsl(31, 70%, 49%);
}

.title {
	font-weight: bold;
	font-size: var(--lumo-font-size-l);
}

.title.light {
	color:hsl(214, 100%, 98%);
}

.title.dark {
	color:hsl(0, 0%, 0%);
}

.sub-title {
	font-size: var(--lumo-font-size-m);
}

.sub-title.light {
	color:hsl(214, 100%, 98%);
}

.sub-title.dark {
	color:hsl(0, 0%, 0%);
}