@import url("guise-skeleton.min.css");
@import url("fontawesome-all.min.css");
@import url("prism.css");
@import url("globalmentor-semantics.css");
@import url("globalmentor-style.css");

:root {
	--icon-font-family: "Font Awesome 5 Pro";
	--brand-background-color-start: #4a6fa5;
	--brand-background-color-end: #6d8bb8;
	--skelt-rotulus-stripe-background-color: #e8eef7;
	--skelt-rotulus-stripe-background-color-default: var(--skelt-rotulus-stripe-background-color);
}

.brand {
	background: linear-gradient(160deg, var(--brand-background-color-start) 60%, var(--brand-background-color-end));
	color: white;
}

.rotulus>section.layout-tile>.card {
	width: 30%;
	min-width: 15rem;
}