/* Warm beige theme for listmonk's public subscribe / preference pages. */

@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap");

:root {
  --ep-bg: #f6f0e7;
  --ep-surface: #fffdf9;
  --ep-border: #ddcfbd;
  --ep-text: #3f352e;
  --ep-muted: #7b6b5f;
  --ep-accent: #a66f4c;
  --ep-accent-dark: #7e5137;
  --ep-radius: 18px;
  --ep-shadow: 0 18px 48px rgba(83, 61, 43, 0.11);
}

html,
body,
button,
input,
select,
textarea {
  font-family: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
}

html,
body {
  background: var(--ep-bg) !important;
  color: var(--ep-text) !important;
}

body {
  letter-spacing: -0.01em;
}

main,
.container,
.content,
form,
.card,
.box {
  border-radius: var(--ep-radius) !important;
}

.card,
.box,
form {
  background: var(--ep-surface) !important;
  border-color: var(--ep-border) !important;
  box-shadow: var(--ep-shadow) !important;
}

h1,
h2,
h3,
h4,
label,
strong {
  color: var(--ep-text) !important;
}

p,
.help,
.muted {
  color: var(--ep-muted) !important;
}

a {
  color: var(--ep-accent-dark) !important;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

input,
select,
textarea {
  background: #fff !important;
  border: 1px solid var(--ep-border) !important;
  border-radius: 12px !important;
  box-shadow: none !important;
  color: var(--ep-text) !important;
}

input:focus,
select:focus,
textarea:focus {
  border-color: var(--ep-accent) !important;
  box-shadow: 0 0 0 3px rgba(166, 111, 76, 0.15) !important;
  outline: none !important;
}

button,
.button,
input[type="submit"] {
  background: var(--ep-accent) !important;
  border: 1px solid var(--ep-accent) !important;
  border-radius: 12px !important;
  color: #fffaf4 !important;
  font-weight: 700 !important;
}

button:hover,
.button:hover,
input[type="submit"]:hover {
  background: var(--ep-accent-dark) !important;
  border-color: var(--ep-accent-dark) !important;
}

::selection {
  background: #ead6c6;
  color: var(--ep-text);
}