/* joekarlsson.com look for listmonk's public pages (subscribe, confirm,
   unsubscribe, preferences). Palette and fonts from the site's tailwind config. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

body {
	background: #0a0a0a;
	color: #d1d5db;
	font-family: Inter, system-ui, -apple-system, sans-serif;
}
.container.wrap {
	background: #111111;
	border: 1px solid #222222;
	border-radius: 12px;
	box-shadow: none;
	max-width: 560px;
}
h1, h2, h3 { color: #fdae84; font-family: Inter, system-ui, -apple-system, sans-serif; }
section h2::before {
	content: '~$ ';
	font-family: 'JetBrains Mono', Menlo, monospace;
	font-size: 0.6em;
	vertical-align: middle;
}
a { color: #8bcbc8; }
a:hover { color: #fdae84; }
label, .description, p { color: #9ca3af; }

/* Wordmark instead of the listmonk logo */
.header .logo img { display: none; }
.header .logo a::after {
	content: 'Joe Karlsson';
	color: #ffffff;
	font-size: 20px;
	font-weight: 700;
	text-decoration: none;
}
.header .logo a { text-decoration: none; }

input[type='email'], input[type='text'] {
	background: #1a1a1a;
	border: 1px solid #222222;
	border-radius: 8px;
	color: #ffffff;
	font-family: 'JetBrains Mono', Menlo, monospace;
}
input[type='email']:focus, input[type='text']:focus {
	border-color: rgba(253, 174, 132, 0.5);
	box-shadow: 0 0 0 1px rgba(253, 174, 132, 0.3);
	outline: none;
}
.button, button.button {
	background: #8bcbc8;
	color: #0a0a0a;
	border: 0;
	border-radius: 6px;
	font-weight: 600;
}
.button:hover, button.button:hover { background: #fdae84; color: #0a0a0a; }
.button.button-outline {
	background: transparent;
	border: 1px solid #8bcbc8;
	color: #8bcbc8;
}

footer.container { color: #3a3a3a; }
footer.container a { color: #3a3a3a; }

/* listmonk defaults that clash on dark */
.header { border-bottom: 1px solid #222222; }
input[type="email"], input[type="text"] { box-shadow: none; }