/* Nagłówki w Poppins — krój display marki (skill infino-branding), jak na
   www.infino.legal i w dokumentach firmy. Tekst (Inter) ładuje Material
   przez theme.font w mkdocs.yml. Tylko używane grubości: 500, 600, 700. */
@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700&display=swap");

/* Na `body`, nie `:root` — Material definiuje --md-text-font-family na body,
   więc w :root var() byłby nieważny i Poppins nigdy by się nie włączył. */
body {
  --il-display-font: "Poppins", var(--md-text-font-family), sans-serif;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-header__title {
  font-family: var(--il-display-font);
}
/* Nazwa serwisu w nagłówku tą samą grubością co tytuł strony, który ją
   zastępuje po przewinięciu (Material daje pierwszemu tematowi 700). */
.md-header__topic:first-child { font-weight: 500; }
.md-typeset h1 { font-weight: 700; color: var(--md-primary-fg-color); }
.md-typeset h2,
.md-typeset h3 { font-weight: 600; }
.md-typeset h4 { font-weight: 500; }

/* Tagi stoją pod tytułem (tools/tags_below_title_hook.py): tytuł oddaje im
   swój duży dolny margines, a tagi odsuwają treść. */
.md-typeset h1:has(+ .md-tags) { margin-bottom: .5em; }
.md-typeset h1 + .md-tags { margin-bottom: 2em; }