/* Theme "wald" — Waldstark.
 *
 * Nature and rootedness: moss-green paper, leaf-green primary,
 * bark brown and honey — the smiling tree from the flyer and
 * "growing from within" as a palette. Asymmetric leaf-shaped
 * corners keep it organic without losing order. */

.kq-style-wald {
  --kq-bg: #f3f4ec;
  --kq-surface: #fdfdf8;
  --kq-tint: #e7ecda;
  --kq-line: #d3d9c2;

  --kq-ink: #26301f;
  --kq-ink-700: #48523f;
  --kq-ink-500: #6b7561;

  --kq-primary: #40682a;      /* leaf green */
  --kq-primary-ink: #ffffff;
  --kq-accent: #7c4f22;       /* bark brown */
  --kq-warm: #d9a13f;         /* honey */
  --kq-cool: #4f7d6b;         /* fir teal */

  --kq-radius: 22px;
  --kq-radius-sm: 8px;
  --kq-font-display: "Gill Sans", "Seravek", "Trebuchet MS", system-ui, sans-serif;
  --kq-font-body: "Avenir Next", "Segoe UI", system-ui, sans-serif;

  --kq-shadow: 0 8px 24px rgb(38 48 31 / 0.12);
}

[data-theme="dark"] .kq-style-wald,
.kq-style-wald:where([data-theme="dark"] *) {
  --kq-bg: #151a12;
  --kq-surface: #1e241a;
  --kq-tint: #191f15;
  --kq-line: #303827;

  --kq-ink: #ecefe4;
  --kq-ink-700: #c3c9b6;
  --kq-ink-500: #8e9683;

  --kq-primary: #7fae5c;      /* moonlit leaf */
  --kq-primary-ink: #17240c;
  --kq-accent: #c99a5e;
  --kq-warm: #e0b45c;
  --kq-cool: #7fb39e;

  --kq-shadow: 0 8px 24px rgb(0 0 0 / 0.5);
}

/* Leaf-shaped corners: rounded on two opposite corners only. */
.kq-style-wald .kq-card,
.kq-style-wald .kq-course,
.kq-style-wald .kq-channel,
.kq-style-wald .kq-hero__media img,
.kq-style-wald .kq-ueber__media img {
  border-radius: var(--kq-radius) var(--kq-radius-sm) var(--kq-radius) var(--kq-radius-sm);
}
.kq-style-wald .kq-btn { border-radius: 22px 8px 22px 8px; }
/* Forest-floor gradient rising into the hero. */
.kq-style-wald .kq-hero {
  background:
    radial-gradient(42rem 24rem at 85% -10%, color-mix(in srgb, var(--kq-cool) 14%, transparent), transparent 70%),
    linear-gradient(180deg, transparent 40%, color-mix(in srgb, var(--kq-primary) 9%, transparent));
}
.kq-style-wald .kq-eyebrow { color: var(--kq-accent); letter-spacing: 0.16em; }
.kq-style-wald .kq-card__ico {
  width: 44px; height: 44px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--kq-tint); color: var(--kq-accent);
  border-radius: 18px 6px 18px 6px;
}
.kq-style-wald .kq-quote-inline { border-left: 4px solid var(--kq-accent); }
.kq-style-wald a.kq-card:hover { border-color: var(--kq-accent); }
.kq-style-wald .kq-footer { border-top: 4px solid var(--kq-cool); }