/* Theme "tinte" — Löwenlinie.
 *
 * The line-art lion as a system: navy ink on warm paper, thin
 * ink rules everywhere, icons drawn in ink (not color), a
 * typewriter display face and one coral brand accent used like
 * a rubber stamp. Dark mode flips to chalk lines on slate. */

.kq-style-tinte {
  --kq-bg: #fcfbf7;
  --kq-surface: #ffffff;
  --kq-tint: #f3f1ea;
  --kq-line: #575d6e;         /* visible ink rules — the concept */

  --kq-ink: #262b38;
  --kq-ink-700: #474c5c;
  --kq-ink-500: #6b7080;

  --kq-primary: #b93c49;      /* brand coral as a stamp */
  --kq-primary-ink: #ffffff;
  --kq-accent: #33685a;       /* lettering green, deepened */
  --kq-warm: #d9973a;
  --kq-cool: #4c5a9e;

  --kq-radius: 6px;
  --kq-radius-sm: 4px;
  --kq-font-display: "American Typewriter", "Bookman Old Style", "Courier New", serif;
  --kq-font-body: "Avenir Next", "Segoe UI", system-ui, sans-serif;

  --kq-shadow: 4px 4px 0 rgb(38 43 56 / 0.12);
}

[data-theme="dark"] .kq-style-tinte,
.kq-style-tinte:where([data-theme="dark"] *) {
  --kq-bg: #171a22;
  --kq-surface: #20242e;
  --kq-tint: #1b1f28;
  --kq-line: #8f96a8;         /* chalk lines on slate */

  --kq-ink: #eceef4;
  --kq-ink-700: #c6c9d4;
  --kq-ink-500: #9298a8;

  --kq-primary: #e8737f;
  --kq-primary-ink: #2a1114;
  --kq-accent: #72b898;
  --kq-warm: #e2ac5c;
  --kq-cool: #97a3e0;

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

.kq-style-tinte .kq-eyebrow {
  font-family: "Menlo", "Consolas", monospace;
  letter-spacing: 0.18em; color: var(--kq-primary);
}
/* Hand-corrected manuscript: wavy coral underline instead of colored text. */
.kq-style-tinte .kq-hero__copy h1 em {
  color: inherit;
  text-decoration: underline wavy var(--kq-primary) 2px;
  text-underline-offset: 7px;
}
.kq-style-tinte .kq-btn { border-radius: var(--kq-radius); }
.kq-style-tinte .kq-btn--primary { box-shadow: var(--kq-shadow); }
.kq-style-tinte .kq-btn--primary:hover { filter: none; transform: translate(1px, 1px); box-shadow: 3px 3px 0 rgb(38 43 56 / 0.12); }
/* Ink-drawn icons, like the lion. */
.kq-style-tinte .kq-card__ico,
.kq-style-tinte .kq-channel__ico,
.kq-style-tinte .kq-quali li svg { color: var(--kq-ink); }
.kq-style-tinte .kq-card, .kq-style-tinte .kq-course, .kq-style-tinte .kq-channel {
  border-width: 1.5px;
}
.kq-style-tinte .kq-hero__media img {
  border: 1.5px solid var(--kq-line);
  box-shadow: var(--kq-shadow);
  filter: saturate(0.88);
}
.kq-style-tinte .kq-quote-inline { border-left: 4px double var(--kq-primary); }
.kq-style-tinte .kq-header { border-bottom-width: 1.5px; }
.kq-style-tinte .kq-footer { border-top-width: 2px; }