/* Theme "flieder" — Herzenssache.
 *
 * The B2C flyer, translated 1:1 to the web: warm cream paper,
 * brush-stroke purple as the lead color, orange + lime as
 * supporting strokes, chalkboard-style handwritten headings and
 * skewed brush-blob eyebrows. Maximum "Mit Herz". */

.kq-style-flieder {
  --kq-bg: #faf3ea;
  --kq-surface: #fffdf9;
  --kq-tint: #f1e7f3;
  --kq-line: #e6d9cf;

  --kq-ink: #3a3140;
  --kq-ink-700: #5b5163;
  --kq-ink-500: #7d7385;

  --kq-primary: #6f4d99;      /* brush purple */
  --kq-primary-ink: #ffffff;
  --kq-accent: #b25412;       /* brush orange, deepened for AA */
  --kq-warm: #f29d52;         /* flyer orange */
  --kq-cool: #94a83b;         /* flyer lime, grounded */

  --kq-radius: 18px;
  --kq-radius-sm: 10px;
  --kq-font-display: "Chalkboard SE", "Segoe Print", "Comic Sans MS", sans-serif;
  --kq-font-body: "Avenir Next", "Segoe UI", system-ui, sans-serif;

  --kq-shadow: 0 8px 26px rgb(111 77 153 / 0.16);
}

[data-theme="dark"] .kq-style-flieder,
.kq-style-flieder:where([data-theme="dark"] *) {
  --kq-bg: #201a26;
  --kq-surface: #2a2333;
  --kq-tint: #251e2d;
  --kq-line: #3d3448;

  --kq-ink: #f3edf7;
  --kq-ink-700: #cfc5d8;
  --kq-ink-500: #9c90a8;

  --kq-primary: #b28fd9;
  --kq-primary-ink: #241733;
  --kq-accent: #f0a45e;
  --kq-warm: #f2b070;
  --kq-cool: #c3d465;

  --kq-shadow: 0 8px 26px rgb(0 0 0 / 0.45);
}

/* Eyebrows as tilted brush blobs, like the flyer section titles. */
.kq-style-flieder .kq-eyebrow {
  display: inline-block; padding: 3px 12px;
  background: var(--kq-primary); color: var(--kq-primary-ink);
  border-radius: 4px 14px 6px 12px / 12px 5px 14px 6px;
  transform: rotate(-1.2deg);
}
.kq-style-flieder .kq-hero__copy h1 em { color: var(--kq-accent); }
/* Icons in purple circles — straight from the "So sieht ein Training aus" column. */
.kq-style-flieder .kq-card__ico,
.kq-style-flieder .kq-channel__ico {
  width: 44px; height: 44px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  background: var(--kq-primary); color: var(--kq-primary-ink);
  border-radius: 50%;
}
.kq-style-flieder .kq-btn--primary { transform: rotate(-1deg); transition: transform 0.15s ease; }
.kq-style-flieder .kq-btn--primary:hover { transform: rotate(0deg); }
.kq-style-flieder a.kq-card { transition: transform 0.15s ease; }
.kq-style-flieder a.kq-card:hover { transform: rotate(0.6deg) translateY(-2px); }
.kq-style-flieder .kq-quote-inline {
  border-left: 4px solid var(--kq-warm);
  border-radius: 0 var(--kq-radius-sm) var(--kq-radius-sm) 0;
  background: color-mix(in srgb, var(--kq-warm) 10%, transparent);
  padding: var(--kq-3) var(--kq-4) var(--kq-3) var(--kq-5);
}
/* Purple-orange-lime brush stripe closing the page. */
.kq-style-flieder .kq-footer {
  border-top: 5px solid;
  border-image: linear-gradient(90deg, var(--kq-primary) 0 34%, var(--kq-warm) 34% 67%, var(--kq-cool) 67%) 1;
}