/* Drums de Lion — Listmonk public pages (subscription / unsubscribe / confirm)
   Einfügen in: Settings → Appearance → "Public page" → Custom CSS */

@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');

:root {
  --ddl-ink: #0a0a0b;
  --ddl-surface: #141416;
  --ddl-border: #2a2a2f;
  --ddl-fg: #ededee;
  --ddl-muted: #9a9aa1;
  --ddl-accent: #e8862e;
  --ddl-accent2: #c0392b;
}

body {
  background: var(--ddl-ink) !important;
  color: var(--ddl-fg) !important;
  font-family: 'Barlow', system-ui, -apple-system, sans-serif !important;
}

/* Card */
.container.wrap,
.wrap {
  background: var(--ddl-surface) !important;
  border: 1px solid var(--ddl-border) !important;
  border-radius: 8px !important;
  color: var(--ddl-fg) !important;
  box-shadow: 0 10px 40px rgba(0,0,0,.5);
}

/* Header / logo */
.header {
  border-bottom: 1px solid var(--ddl-border) !important;
  text-align: center;
  padding-bottom: 14px;
}
.logo img { max-height: 84px; width: auto; }

/* Headings */
h1, h2, h3 {
  font-family: 'Space Mono', ui-monospace, monospace !important;
  color: var(--ddl-fg) !important;
  letter-spacing: .03em;
}

/* Accent rule under headings */
h2 {
  border-bottom: 2px solid transparent;
  border-image: linear-gradient(90deg, var(--ddl-accent), var(--ddl-accent2)) 1;
  padding-bottom: 6px;
  display: inline-block;
}

/* Links */
a { color: var(--ddl-accent) !important; text-decoration: none; }
a:hover { color: #fff !important; text-decoration: underline; }

/* Labels */
label {
  color: var(--ddl-muted) !important;
  font-family: 'Space Mono', ui-monospace, monospace !important;
  text-transform: uppercase;
  font-size: .7rem;
  letter-spacing: .12em;
}

/* Inputs */
input[type=text], input[type=email], input[type=password],
textarea, select {
  background: var(--ddl-ink) !important;
  border: 1px solid var(--ddl-border) !important;
  color: var(--ddl-fg) !important;
  border-radius: 4px !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--ddl-accent) !important;
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(232,134,46,.25) !important;
}
::placeholder { color: var(--ddl-muted) !important; }

/* Lists / checkboxes */
.lists, .lists li {
  border-color: var(--ddl-border) !important;
  background: transparent !important;
}
input[type=checkbox] { accent-color: var(--ddl-accent); }

/* Buttons */
.button, button[type=submit], input[type=submit], button {
  background: linear-gradient(90deg, var(--ddl-accent), var(--ddl-accent2)) !important;
  color: var(--ddl-ink) !important;
  border: none !important;
  border-radius: 3px !important;
  font-family: 'Space Mono', ui-monospace, monospace !important;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-weight: 700;
}
.button:hover, button:hover { opacity: .9 !important; }

/* Footer (“Powered by listmonk”) */
footer, footer.container { color: var(--ddl-muted) !important; }
footer a { color: var(--ddl-muted) !important; text-decoration: underline; }