/* @import MUST be before any rules – CSS spec requirement.
   Inter + JetBrains Mono are loaded by Zensical (zensical.toml font.text/code). */
@import url("https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300..900;1,8..60,300..900&display=swap");

/* ==========================================================================
   10_typography.css – Font definitions + content typography only.
   Scope: .md-typeset and its children. Nothing outside the content area.
   ========================================================================== */

/* --------------------------------------------------------------------------
   Font tokens
   -------------------------------------------------------------------------- */
:root {
  --book-font-body: "Source Serif 4", serif;
  --book-font-ui:   "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --book-font-code: "JetBrains Mono", "Fira Code", ui-monospace, monospace;
}

/* --------------------------------------------------------------------------
   Content base
   -------------------------------------------------------------------------- */
.md-typeset {
  font-family: var(--book-font-body);
  font-size:   20px;
  line-height: 1.75;
  color:       var(--book-fg);
}

/* --------------------------------------------------------------------------
   H1 – Inter + accent color
   -------------------------------------------------------------------------- */
.md-typeset h1 {
  font-family: var(--book-font-ui);
  color:       var(--book-accent);
  font-size:   2.2em;
  line-height: 1.0;
}

/* --------------------------------------------------------------------------
   H2 – subtle structural separator
   -------------------------------------------------------------------------- */
.md-typeset h2 {
  border-bottom: 1px solid var(--book-border);
  padding-bottom: 0.3em;
}


/* ─────────────────────────────────────────────────────
   Linguistische Inline-Marker (Phonem, Graphem etc.) var(--book-font-ui)
   ───────────────────────────────────────────────────── */

.md-typeset code {
  font-family: "Noto Sans", system-ui, sans-serif;
  font-size: 0.95em;
  font-weight: 550;
  line-height: 1;

  padding: 0.04em 0.04em 0.04em 0.04em;
  border-radius: 0.35em;

  background: none; /*color-mix(in srgb, var(--book-bg) 96%, var(--book-accent)); */
  color: var(--book-fg);

  white-space: nowrap;
}

body[data-md-color-scheme="slate"] .md-typeset code {
  background: none; /*color-mix(in srgb, var(--book-surface-1) 94%, var(--book-accent));*/
}

.md-typeset pre code {
  font-family: var(--book-font-code);
  font-size: 0.85em;
  font-weight: normal;
  background: none;
  padding: 0;
  white-space: pre;
}