/* Import component styles */
@import 'components/card.css';
@import 'components/sideNavItem.css';
@import 'components/label.css';
@import 'components/listBox.css';
@import 'components/title.css';
@import 'components/subTitle.css';
@import 'components/userAvatar.css';
@import 'components/searchBox.css';
@import 'components/contextMenu.css';
@import 'components/text.css';
@import 'components/grid.css';
@import 'components/moduleCard.css';
@import 'components/searchResult.css';
@import 'components/image.css';
@import 'components/resultCard.css';
@import 'components/imageUploader.css';
@import 'components/icon.css';
@import 'components/button.css';
@import 'components/listItem.css';
@import 'components/span.css';
@import 'components/gridCell.css';

/* Import view styles */
@import 'views/login.css';
@import 'views/menu.css';
/* Import animations */
@import 'animations/fade.css';

html {
	--lumo-primary-color: hsl(31, 79.2%, 54.7%);
 	--lumo-warning-color: hsl(31, 79.2%, 54.7%);
    --lumo-primary-text-color: hsl(31, 70%, 60%);
    --lumo-warning-text-color: hsl(31, 70%, 60%);
	--lumo-primary-color-60pct: hsl(31, 70%, 49%, 0.6);
	--lumo-primary-color-50pct: hsl(31, 70%, 49%, 0.5);
	--lumo-primary-color-25pct: hwb(31 15% 17% / 0.25);
	--lumo-primary-color-15pct: hwb(31 15% 17% / 0.15);
	--lumo-primary-color-25pct: hwb(31 15% 17% / 0.25);
	--lumo-primary-color-15pct: hwb(31 15% 17% / 0.15);
	--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-25pct: hwb(31 15% 17% / 0.25);
	--lumo-primary-color-15pct: hwb(31 15% 17% / 0.15);
	--lumo-primary-color-25pct: hwb(31 15% 17% / 0.25);
	--lumo-primary-color-15pct: hwb(31 15% 17% / 0.15);
	--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%);
}