/* Theme "nacht" — Mutmacher-Nacht.
 *
 * The dark-first one: indigo night sky with a CSS starfield and
 * the lion's crown in gold as the CTA — brave even when it gets
 * dark. Light mode is its dawn: pale morning blue with a warm
 * horizon. Elegant Didot headings, wide-tracked eyebrows. */

.kq-style-nacht {
  --kq-bg: #eef1f8;
  --kq-surface: #ffffff;
  --kq-tint: #e2e7f4;
  --kq-line: #ccd4e6;

  --kq-ink: #232948;
  --kq-ink-700: #454c6e;
  --kq-ink-500: #6a7191;

  --kq-primary: #414c9b;      /* dawn indigo */
  --kq-primary-ink: #ffffff;
  --kq-accent: #8a681a;       /* crown gold, grounded */
  --kq-warm: #e3b23c;
  --kq-cool: #5a7fc0;

  --kq-radius: 14px;
  --kq-radius-sm: 8px;
  --kq-font-display: "Didot", "Bodoni 72", Georgia, serif;
  --kq-font-body: "Avenir Next", "Segoe UI", system-ui, sans-serif;

  --kq-shadow: 0 10px 30px rgb(35 41 72 / 0.12);
}

[data-theme="dark"] .kq-style-nacht,
.kq-style-nacht:where([data-theme="dark"] *) {
  --kq-bg: #0e1224;
  --kq-surface: #181d33;
  --kq-tint: #131830;
  --kq-line: #2a3050;

  --kq-ink: #e9ecfa;
  --kq-ink-700: #c2c8e2;
  --kq-ink-500: #8c93b8;

  --kq-primary: #f2c14e;      /* the crown: gold CTAs on night */
  --kq-primary-ink: #211a04;
  --kq-accent: #8ea2e8;       /* starlight blue */
  --kq-warm: #f2c14e;
  --kq-cool: #8ea2e8;

  --kq-shadow: 0 12px 36px rgb(0 0 0 / 0.55);
}

/* Dawn hero (light): warm horizon under a cool sky. */
.kq-style-nacht .kq-hero {
  background:
    radial-gradient(50rem 26rem at 50% 112%, color-mix(in srgb, var(--kq-warm) 24%, transparent), transparent 70%),
    linear-gradient(180deg, color-mix(in srgb, var(--kq-cool) 13%, transparent), transparent 60%);
}
/* Starfield hero (dark): three repeating star layers + nebula glow. */
[data-theme="dark"] .kq-style-nacht .kq-hero,
.kq-style-nacht:where([data-theme="dark"] *) .kq-hero {
  background-image:
    radial-gradient(1.5px 1.5px at 22px 28px, rgb(233 236 250 / 0.9) 0 1px, transparent 2px),
    radial-gradient(1px 1px at 92px 112px, rgb(233 236 250 / 0.55) 0 1px, transparent 1.5px),
    radial-gradient(1px 1px at 152px 52px, rgb(142 162 232 / 0.7) 0 1px, transparent 1.5px),
    radial-gradient(44rem 26rem at 72% -12%, rgb(65 76 155 / 0.4), transparent 70%);
  background-size: 190px 170px, 230px 210px, 210px 190px, auto;
}
.kq-style-nacht h1, .kq-style-nacht h2 { font-weight: 500; letter-spacing: 0.01em; }
.kq-style-nacht .kq-eyebrow { letter-spacing: 0.22em; }
.kq-style-nacht .kq-btn--ghost:hover { border-color: var(--kq-warm); color: var(--kq-ink); }
[data-theme="dark"] .kq-style-nacht a.kq-card:hover,
.kq-style-nacht:where([data-theme="dark"] *) a.kq-card:hover {
  border-color: var(--kq-warm);
  box-shadow: 0 0 0 1px var(--kq-warm), 0 10px 32px rgb(242 193 78 / 0.12);
}
.kq-style-nacht .kq-quote p { font-style: italic; }
.kq-style-nacht .kq-quote-inline { border-left: 3px solid var(--kq-warm); }
.kq-style-nacht .kq-hero__media img { box-shadow: var(--kq-shadow); }