/* Theme "goldstern" — Urkundenglanz.
 *
 * The certificate (Urkunde) as a theme: warm ivory, a golden
 * watercolor glow, festive serif headings, tiny scattered stars
 * in the hero and certificate-frame cards. Achievement, pride,
 * occasion — "your child will accomplish something here". */

.kq-style-goldstern {
  --kq-bg: #fdf6ec;
  --kq-surface: #fffdf8;
  --kq-tint: #f9ecd6;
  --kq-line: #ecdcc2;

  --kq-ink: #43331f;
  --kq-ink-700: #66543c;
  --kq-ink-500: #8a765a;

  --kq-primary: #a8560f;      /* Urkunde orange, deepened */
  --kq-primary-ink: #ffffff;
  --kq-accent: #83630c;       /* old gold */
  --kq-warm: #e9a83c;         /* star gold */
  --kq-cool: #7f9f7a;         /* mountain sage */

  --kq-radius: 12px;
  --kq-radius-sm: 6px;
  --kq-font-display: "Baskerville", "Palatino Linotype", Georgia, serif;
  --kq-font-body: "Avenir Next", "Segoe UI", system-ui, sans-serif;

  --kq-shadow: 0 8px 28px rgb(168 86 15 / 0.12);
}

[data-theme="dark"] .kq-style-goldstern,
.kq-style-goldstern:where([data-theme="dark"] *) {
  --kq-bg: #1d1611;
  --kq-surface: #292017;
  --kq-tint: #231b13;
  --kq-line: #40342a;

  --kq-ink: #f5ead9;
  --kq-ink-700: #d4c4ab;
  --kq-ink-500: #a3927a;

  --kq-primary: #e59b4a;      /* candlelight amber */
  --kq-primary-ink: #2a1a08;
  --kq-accent: #d9b45a;
  --kq-warm: #edb968;
  --kq-cool: #93b48c;

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

/* Golden watercolor glow + scattered stars, like the Urkunde border. */
.kq-style-goldstern .kq-hero {
  background-image:
    radial-gradient(1.5px 1.5px at 24px 36px, rgb(169 132 24 / 0.45) 0 1.5px, transparent 2px),
    radial-gradient(1.5px 1.5px at 110px 96px, rgb(233 168 60 / 0.55) 0 1.5px, transparent 2px),
    radial-gradient(46rem 30rem at 50% -12%, rgb(233 168 60 / 0.18), transparent 70%);
  background-size: 170px 150px, 190px 170px, auto;
}
[data-theme="dark"] .kq-style-goldstern .kq-hero,
.kq-style-goldstern:where([data-theme="dark"] *) .kq-hero {
  background-image:
    radial-gradient(1.5px 1.5px at 24px 36px, rgb(237 185 104 / 0.5) 0 1.5px, transparent 2px),
    radial-gradient(1.5px 1.5px at 110px 96px, rgb(217 180 90 / 0.4) 0 1.5px, transparent 2px),
    radial-gradient(46rem 30rem at 50% -12%, rgb(229 155 74 / 0.12), transparent 70%);
  background-size: 170px 150px, 190px 170px, auto;
}
.kq-style-goldstern .kq-eyebrow::before { content: "✶ "; color: var(--kq-warm); }
.kq-style-goldstern h1, .kq-style-goldstern h2 { font-weight: 600; letter-spacing: 0; }
/* Certificate frame: hairline border + inset gold rule. */
.kq-style-goldstern .kq-card,
.kq-style-goldstern .kq-course {
  outline: 1px solid color-mix(in srgb, var(--kq-accent) 40%, transparent);
  outline-offset: -7px;
}
.kq-style-goldstern a.kq-card:hover {
  outline-color: var(--kq-accent);
  border-color: var(--kq-accent);
}
.kq-style-goldstern .kq-quote-inline { border-left: 3px double var(--kq-accent); }
.kq-style-goldstern .kq-footer { border-top: 3px double var(--kq-accent); }
.kq-style-goldstern .kq-hero__media img {
  border: 6px solid var(--kq-surface);
  outline: 1px solid var(--kq-line);
}