/*
	Workstack's own styles, on top of the design system (workstack.css, the
	Webflow design's stylesheet, which is not edited by hand). Colours come from
	the theme variables, never literal values.
*/

/* Sign in (login.cfm): the design has no sign-in page, so this is ours. */
.signin {
	min-height: 100vh;
	display: grid;
	place-items: center;
	padding: 1.5rem;
	background: var(--_theme---base--background);
}
.signin-card {
	width: 100%;
	max-width: 22rem;
	display: flex;
	flex-direction: column;
	gap: .75rem;
	padding: 2rem;
	border-radius: .75rem;
	background: var(--_theme---base--overlay-light-1);
}
.signin-logo { align-self: center; }
.signin-title { margin: 0 0 .5rem; text-align: center; font-size: 1.5rem; }
.signin-error { margin: 0; color: var(--_theme---brand--cta); }
.signin-card .button { margin-top: .5rem; }