@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: seagreen;
	--brand-background-color-end: mediumseagreen;
	--skelt-rotulus-stripe-background-color: #8FBC8F40;
	--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;
}

/* see https://hankchizljaw.com/wrote/creating-a-full-bleed-css-utility/ */
.swath {
	width: 100vw;
	margin-left: 50%;
	transform: translateX(-50%);
}