/* Dark blog overrides, loaded after Listmonk's stock style.css (see index.html). */
@font-face {
  font-family: 'D-DIN';
  src: url('/public/static/fonts/D-DIN.woff2') format('woff2');
  font-weight: 400; font-display: swap;
}
@font-face {
  font-family: 'D-DIN';
  src: url('/public/static/fonts/D-DIN-Bold.woff2') format('woff2');
  font-weight: 700; font-display: swap;
}

:root {
  --bg: #0E0D0B; --bg-1: #15130F; --bg-2: #1B1813;
  --line: #2A2622; --line-2: #3A352E;
  --fg: #ECE7DD; --fg-strong: #FAF8F4; --fg-mute: #A8A096; --fg-faint: #8C8479;
  --accent: #D9325E; --accent-hover: #B82A4F; --accent-text: #EC7793;
}

body { background: var(--bg); color: var(--fg); font-family: system-ui, -apple-system, 'Segoe UI', sans-serif; }
a { color: var(--accent-text); text-decoration-color: var(--accent-text); }
a:hover { color: var(--accent); text-decoration-color: var(--accent); }
h1, h2, h3, h4 { font-family: 'D-DIN', system-ui, sans-serif; color: var(--fg-strong); font-weight: 700; }
label { color: var(--fg); }
.small, .lists .description { color: var(--fg-mute); }

.wrap { background: var(--bg-1); border: 1px solid var(--line); box-shadow: none; color: var(--fg); }
.header { border-bottom: 1px solid var(--line); }
.header .logo img { max-height: 36px; width: auto; }

input[type="text"], input[type="email"], input[type="password"], select {
  background: var(--bg-2); color: var(--fg-strong);
  border: 1px solid var(--line-2); box-shadow: none;
}
input::placeholder { color: var(--fg-faint); }
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, select:focus {
  border-color: var(--accent); box-shadow: inset 0 0 0 1px var(--accent); outline: none;
}

.button { background: var(--accent); color: var(--fg-strong); border: 0; }
.button:hover { background: var(--accent-hover); color: var(--fg-strong); }
.button.button-outline { background: transparent; border: 1px solid var(--line-2); color: var(--fg); }
.button.button-outline:hover { background: var(--bg-2); border-color: var(--accent); color: var(--fg-strong); }

.lists li { background: var(--bg-2); border: 1px solid var(--line); padding: 12px 14px; }
input[type="checkbox"], input[type="radio"] { accent-color: var(--accent); }
.captcha { margin-top: 20px; }
altcha-widget {
  --altcha-color-base: var(--bg-2); --altcha-color-border: var(--line-2);
  --altcha-color-text: var(--fg); --altcha-color-border-focus: var(--accent);
}

footer.container { color: var(--fg-faint); }
footer.container a { color: var(--fg-mute); }