/* Aussehen von MedRepo fuer Material for MkDocs.
 *
 * Kein eigenes Theme: Material bringt Navigation, Suche, Inhaltsverzeichnis,
 * Mobilansicht und Dunkelmodus mit, und das alles nachzubauen waere Arbeit
 * ohne Gewinn. Hier stehen nur Farben, Schriften und ein paar Maße.
 *
 * Farben und Schriften sind die der Hauptseite medrepo.ai:
 *   #00a878  Gruen, Akzent und Verweise
 *   #0f1d3a  Tiefblau, Kopfzeile
 *   #faf7f2  Papier
 *   #1a1410  Tinte (dort --ink)
 *   Figtree fuer den Text, Cormorant Garamond fuer Ueberschriften
 *
 * Die Schriften liegen mit im Abbild. Die Hauptseite laedt sie von
 * fonts.bunny.net; hier nicht, weil im Impressum steht, dass diese Seite
 * nichts von fremden Servern holt. Beide stehen unter der SIL Open Font
 * License, siehe SCHRIFTEN.md im Repo.
 */

@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("schriften/figtree-latin-400-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Figtree";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("schriften/figtree-latin-600-normal.woff2") format("woff2");
}
@font-face {
  font-family: "Cormorant Garamond";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("schriften/cormorant-garamond-latin-600-normal.woff2") format("woff2");
}

:root {
  --md-text-font: "Figtree";
  --mr-gruen: #00a878;
  --mr-blau: #0f1d3a;
  --mr-papier: #faf7f2;
  --mr-tinte: #1a1410;
  --mr-rand: #e8e0d2;
  --mr-leise: #6b6459;
}

/* ── Hell ─────────────────────────────────────────────────────────────── */
[data-md-color-scheme="default"] {
  /* 2026-10-16: Kopfzeile hell, nicht tiefblau. Das Logo ist eine schwarze
   * Zeichnung auf durchsichtigem Grund, auf dunklem Blau war davon nichts zu
   * sehen. medrepo.ai traegt oben ohnehin Papier und keine Farbflaeche. */
  --md-primary-fg-color: var(--mr-papier);
  --md-primary-fg-color--light: #fffdf9;
  --md-primary-fg-color--dark: #efe9df;
  --md-primary-bg-color: var(--mr-tinte);
  --md-primary-bg-color--light: var(--mr-leise);
  --md-accent-fg-color: var(--mr-gruen);

  --md-default-bg-color: var(--mr-papier);
  --md-default-fg-color: var(--mr-tinte);
  --md-default-fg-color--light: var(--mr-leise);
  --md-default-fg-color--lighter: #9a9388;
  --md-default-fg-color--lightest: var(--mr-rand);

  --md-typeset-a-color: #00835e;
  --md-code-bg-color: #f0ebe1;
  --md-code-fg-color: #2b2319;
  --md-footer-bg-color: var(--mr-blau);
  --md-footer-bg-color--dark: #0a1527;
}

/* ── Dunkel ───────────────────────────────────────────────────────────── */
/*
 * 2026-10-16: Hier wird NICHT mehr jede Flaeche einzeln gesetzt.
 *
 * Material leitet im Schema slate Hintergruende, Raender, Kaesten und
 * Fusszeile alle aus --md-hue ab. Wer daneben noch eigene Werte fuer
 * Hintergrund und Text setzt, bekommt zwei Systeme in einem Bild: vorher
 * standen blaugraue Kaesten auf braunem Papier. Also nur der Farbton, warm
 * wie die helle Fassung, und darueber die Akzente.
 */
[data-md-color-scheme="slate"] {
  --md-hue: 30;
  --md-accent-fg-color: #2fd3a4;
  --md-typeset-a-color: #3ddfb0;
}

/* ── Schrift ──────────────────────────────────────────────────────────── */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-header__title {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 600;
  letter-spacing: 0;
}
.md-typeset h1 {
  font-size: 2.4rem;
  line-height: 1.15;
  color: var(--md-default-fg-color);
  margin-bottom: 1.2rem;
}
.md-typeset h2 {
  font-size: 1.65rem;
  line-height: 1.2;
  margin-top: 2rem;
}
.md-typeset h3 { font-size: 1.3rem; }

/* Lesbarkeit: etwas groesser und luftiger als Material von sich aus. */
.md-typeset { font-size: 0.82rem; line-height: 1.72; }
.md-typeset p { max-width: 38em; }

/* ── Verweise ─────────────────────────────────────────────────────────── */
.md-typeset a { text-decoration-color: color-mix(in srgb, var(--md-typeset-a-color) 40%, transparent); }
.md-typeset a:hover { text-decoration-color: currentColor; }

/* ── Tabellen ─────────────────────────────────────────────────────────── */
.md-typeset table:not([class]) {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 2px;
  font-size: 0.78rem;
}
.md-typeset table:not([class]) th {
  background: var(--mr-blau);
  color: #fff;
  font-weight: 600;
}
[data-md-color-scheme="slate"] .md-typeset table:not([class]) th { background: #0a1527; }

/* ── Kopf und Fuss ────────────────────────────────────────────────────── */
.md-header { box-shadow: none; border-bottom: 1px solid var(--md-default-fg-color--lightest); }
.md-header__title { font-size: 1.05rem; }
.md-header__button.md-logo img { height: 1.4rem; width: auto; }
.md-footer-meta { font-size: 0.7rem; }
.md-footer-copyright a { color: #fff; }

/* Die Notrufnummern sollen ins Auge fallen, auch wenn jemand nur ueberfliegt. */
.md-typeset strong { color: var(--md-default-fg-color); font-weight: 600; }
.md-typeset td strong { color: var(--md-typeset-a-color); }