/* Theme "pastell" — Zuckerwatte.
 *
 * Candy pastels without the sugar crash: blush white, mint and
 * sky with a raspberry primary that actually has contrast, huge
 * radii, rotating candy-tinted icon chips and bouncy hovers.
 * Speaks to the 3-8 age group and the "Spielerisch" claim. */

.kq-style-pastell {
  --kq-bg: #fdf7f9;
  --kq-surface: #ffffff;
  --kq-tint: #eaf6f1;
  --kq-line: #ecdde6;

  --kq-ink: #3d3444;
  --kq-ink-700: #5f5566;
  --kq-ink-500: #837887;

  --kq-primary: #bb3d63;      /* raspberry */
  --kq-primary-ink: #ffffff;
  --kq-accent: #227565;       /* deep mint */
  --kq-warm: #f9c16a;         /* vanilla-apricot */
  --kq-cool: #8fb8e8;         /* baby blue */

  --kq-radius: 28px;
  --kq-radius-sm: 14px;
  --kq-font-display: "Arial Rounded MT Bold", "Hiragino Maru Gothic ProN", "Trebuchet MS", sans-serif;
  --kq-font-body: "Avenir Next", "Segoe UI", system-ui, sans-serif;

  --kq-shadow: 0 8px 24px rgb(187 61 99 / 0.10);
}

[data-theme="dark"] .kq-style-pastell,
.kq-style-pastell:where([data-theme="dark"] *) {
  --kq-bg: #211d27;
  --kq-surface: #2b2634;
  --kq-tint: #262130;
  --kq-line: #3e3849;

  --kq-ink: #f4eff6;
  --kq-ink-700: #d1cad8;
  --kq-ink-500: #9c93a6;

  --kq-primary: #f090b0;      /* gummy raspberry */
  --kq-primary-ink: #33101f;
  --kq-accent: #6fd0bc;
  --kq-warm: #f8cd82;
  --kq-cool: #a8c8f0;

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

/* Soft candy gradient across the hero: mint to blush to sky. */
.kq-style-pastell .kq-hero {
  background: linear-gradient(115deg,
    color-mix(in srgb, var(--kq-accent) 9%, transparent),
    color-mix(in srgb, var(--kq-primary) 8%, transparent) 50%,
    color-mix(in srgb, var(--kq-cool) 14%, transparent));
}
.kq-style-pastell .kq-eyebrow {
  display: inline-block;
  border-bottom: 3px dotted var(--kq-warm);
  padding-bottom: 2px;
}
/* Candy-tinted icon chips, rotating flavors; icon itself stays dark (AA). */
.kq-style-pastell .kq-card__ico,
.kq-style-pastell .kq-channel__ico {
  width: 46px; height: 46px; flex-shrink: 0;
  display: inline-flex; align-items: center; justify-content: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--kq-cool) 30%, var(--kq-surface));
  color: var(--kq-ink-700);
}
.kq-style-pastell .kq-cards .kq-card:nth-child(3n+1) .kq-card__ico
  { background: color-mix(in srgb, var(--kq-primary) 20%, var(--kq-surface)); }
.kq-style-pastell .kq-cards .kq-card:nth-child(3n+2) .kq-card__ico
  { background: color-mix(in srgb, var(--kq-accent) 24%, var(--kq-surface)); }
.kq-style-pastell .kq-card { border-width: 2px; transition: transform 0.15s ease, box-shadow 0.15s ease; }
.kq-style-pastell a.kq-card:hover { transform: translateY(-4px); }
.kq-style-pastell .kq-btn { transition: transform 0.12s ease; }
.kq-style-pastell .kq-btn--primary:hover { transform: translateY(-2px); filter: none; }
.kq-style-pastell .kq-quote-inline { border-left: 4px dotted var(--kq-primary); }
.kq-style-pastell .kq-hero__media img { border: 6px solid var(--kq-surface); box-shadow: var(--kq-shadow); }