/* Theme "bold" — Stark & Bunt (option C).
 *
 * Modern, loud, ed-startup energy: saturated color blocks, thick
 * display type, big rounded corners. The dark mode is the star —
 * the four brand colors sit at full saturation on near-black. */

.kq-style-bold {
  --kq-bg: #ffffff;
  --kq-surface: #ffffff;
  --kq-tint: #fff5d6;
  --kq-line: #101014;

  --kq-ink: #101014;
  --kq-ink-700: #33333c;
  --kq-ink-500: #5c5c66;

  --kq-primary: #101014;      /* black pill CTAs… */
  --kq-primary-ink: #ffc93c;  /* …with yellow text */
  --kq-accent: #4f6df5;       /* electric blue */
  --kq-warm: #ffc93c;
  --kq-cool: #2eb872;

  --kq-radius: 24px;
  --kq-radius-sm: 12px;
  --kq-font-display: "Futura", "Avenir Next", system-ui, sans-serif;
  --kq-font-body: "Avenir Next", "Segoe UI", system-ui, sans-serif;

  --kq-shadow: 6px 6px 0 var(--kq-line);
}

[data-theme="dark"] .kq-style-bold,
.kq-style-bold:where([data-theme="dark"] *) {
  --kq-bg: #0b0b0f;
  --kq-surface: #15151b;
  --kq-tint: #15151b;
  --kq-line: #f5f5f2;

  --kq-ink: #f5f5f2;
  --kq-ink-700: #ccccc9;
  --kq-ink-500: #94949a;

  --kq-primary: #ffc93c;
  --kq-primary-ink: #0b0b0f;
  --kq-accent: #4f6df5;
  --kq-warm: #ffc93c;
  --kq-cool: #2eb872;

  --kq-shadow: 6px 6px 0 #ff5d5d;
}

.kq-style-bold h1 { font-weight: 800; text-transform: uppercase; letter-spacing: -0.02em; }
.kq-style-bold .kq-hero { background: var(--kq-warm); }
.kq-style-bold:where([data-theme="dark"] *) .kq-hero,
[data-theme="dark"] .kq-style-bold .kq-hero { background: var(--kq-bg); }
.kq-style-bold .kq-hero__copy h1 em { color: #ff5d5d; }
.kq-style-bold .kq-card, .kq-style-bold .kq-course, .kq-style-bold .kq-channel {
  border-width: 2px; border-color: var(--kq-line); box-shadow: var(--kq-shadow);
}
.kq-style-bold .kq-btn--primary { box-shadow: var(--kq-shadow); }
.kq-style-bold .kq-eyebrow { color: var(--kq-accent); }