/* Grocr branding for Listmonk public pages (subscription, unsubscribe, archive). */
@import url('https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Bricolage+Grotesque:opsz,wght@12..96,700;12..96,800&display=swap');

body {
	background-color: #fcf1ee !important;
	font-family: 'Hanken Grotesk', -apple-system, 'Segoe UI', Roboto, sans-serif !important;
	color: #2a211a !important;
}
h1, h2, h3, .title {
	font-family: 'Bricolage Grotesque', sans-serif !important;
	color: #2a211a !important;
	letter-spacing: -0.01em;
}
a { color: #c82f5b !important; }

/* card / container */
.wrap, .container, .box, .card {
	border-radius: 16px !important;
	border: 1px solid #f0e3ce !important;
}

/* buttons + primary actions */
.button, button, input[type="submit"], .btn {
	background-color: #e84c76 !important;
	border-color: #e84c76 !important;
	color: #ffffff !important;
	border-radius: 12px !important;
	font-weight: 700 !important;
}
.button:hover, button:hover, input[type="submit"]:hover {
	background-color: #c82f5b !important;
	border-color: #c82f5b !important;
}

/* inputs */
input[type="text"], input[type="email"], select, textarea {
	border-radius: 12px !important;
	border: 1.5px solid #e4d4bc !important;
}
input:focus, textarea:focus, select:focus {
	border-color: #e84c76 !important;
	box-shadow: 0 0 0 3px rgba(232, 76, 118, 0.16) !important;
}