/* Coalition palette (coalitionaitreaty.ca brand/palette.json): black field, white ink,
   muted #b9bcc2. Loaded after listmonk's own style.css, which keeps the layout. */
@font-face {
	font-family: "Archivo";
	src: url("/public/static/archivo.woff2") format("woff2");
	font-weight: 100 900;
	font-display: swap;
}

html, body {
	background: #111111;
	color: #ffffff;
	font-family: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
}

.wrap {
	background: #111111;
	box-shadow: none;
	border: 1px solid #2a2b2e;
	border-radius: 4px;
	max-width: 620px;
}

.header { border-bottom: 1px solid #2a2b2e; margin-bottom: 1.5rem; }
.header .org { font-weight: 700; letter-spacing: .01em; margin: 0; }
.dot { color: #b9bcc2; padding: 0 .25em; }

h1, h2, h3 { color: #ffffff; font-weight: 800; line-height: 1.2; }
h1 .sub { display: block; color: #b9bcc2; font-weight: 600; font-size: .8em; margin-top: .25em; }
p[lang="en"], span.sub[lang="en"] { color: #b9bcc2; }

a, a:visited { color: #ffffff; text-decoration: underline; }
a:hover { color: #b9bcc2; }

label { color: #ffffff; display: block; margin-bottom: .25rem; }
label.choice, .consent label { display: flex; gap: .5rem; align-items: flex-start; margin: .5rem 0; }

input[type="text"], input[type="email"] {
	background: #1b1c1f;
	color: #ffffff;
	border: 1px solid #4a4c51;
	border-radius: 3px;
	width: 100%;
	box-sizing: border-box;
}
input[type="text"]:focus, input[type="email"]:focus { border-color: #ffffff; outline: none; }

fieldset.lists { border: 1px solid #2a2b2e; border-radius: 3px; padding: .75rem 1rem; margin: 1rem 0; }
fieldset.lists legend { color: #b9bcc2; padding: 0 .25rem; }

.button, button.button, input.button {
	background: #ffffff;
	color: #111111;
	border: 1px solid #ffffff;
	border-radius: 3px;
	font-family: inherit;
	font-weight: 700;
}
.button:hover { background: #b9bcc2; border-color: #b9bcc2; color: #111111; }
.button-outline { background: transparent; color: #ffffff; }

.nonce { display: none; }
.privacy { font-size: .9em; }
.captcha { margin: 1rem 0; --altcha-color-base: #1b1c1f; --altcha-color-text: #ffffff; --altcha-color-border: #4a4c51; }

footer.container { color: #b9bcc2; text-align: center; font-size: .9em; }
footer.container a { color: #b9bcc2; }