/* listmonk public pages (subscription form, opt-in, unsubscribe). Applied as
   appearance.public.custom_css by apply-settings.py; https://www.dev.thricetheta.com/tt becomes https://www.<domain>/tt */
@import url("https://www.dev.thricetheta.com/tt/tokens.css");
@import url("https://www.dev.thricetheta.com/tt/fonts.css");
body { font-family: var(--tt-font-sans); background: var(--tt-color-bg); color: var(--tt-color-text); line-height: var(--tt-text-leading); }
a { color: var(--tt-color-accent); text-decoration-color: currentColor; }
a:hover { color: var(--tt-color-accent-hover); }
h1, h2, h3 { font-weight: var(--tt-weight-semibold); letter-spacing: -0.01em; }
label { color: var(--tt-color-text-muted); }
.wrap { max-width: 32rem; }
.header .logo img { height: 40px; width: auto; }
input[type="text"], input[type="email"], input[type="password"], select {
  font-family: inherit; background: var(--tt-color-bg); color: var(--tt-color-text);
  border: 1px solid var(--tt-color-border); border-radius: var(--tt-radius-md); box-shadow: none; padding: 0.55rem 0.75rem;
}
input:focus { border-color: var(--tt-color-accent); outline: 2px solid var(--tt-color-focus); outline-offset: 0; }
.button, button, input[type="submit"] {
  font-family: inherit; font-weight: var(--tt-weight-semibold); background: var(--tt-color-accent); color: var(--tt-color-on-accent);
  border: 0; border-radius: var(--tt-radius-md); padding: 0.6rem 1.1rem; cursor: pointer;
}
.button:hover, button:hover, input[type="submit"]:hover { background: var(--tt-color-accent-hover); color: var(--tt-color-on-accent); }
footer.container { color: var(--tt-color-text-muted); font-size: var(--tt-text-sm); }
footer.container a { color: inherit; }