/* ============================================================
   Kinverse Handbuch — Custom Theme auf MkDocs Material
   Farben aus [[Branding und Marke]] MLSB 2026-08-02
   ============================================================ */

/* ---------- Custom Palettes ---------- */

/* Light Mode — warmer Off-White, tiefes Blau, goldener Akzent */
[data-md-color-scheme="kinverse-light"] {
  --md-primary-fg-color:        #1F3A5F;   /* Primary Blue */
  --md-primary-fg-color--light: #2C5285;   /* Primary Light */
  --md-primary-fg-color--dark:  #142A47;   /* Primary Dark */
  --md-primary-bg-color:        #FAF9F6;
  --md-primary-bg-color--light: #FAF9F6cc;

  --md-accent-fg-color:         #C8A951;   /* Accent Gold */
  --md-accent-fg-color--transparent: #C8A95120;
  --md-accent-bg-color:         #FAF9F6;
  --md-accent-bg-color--light:  #FAF9F6cc;

  --md-default-bg-color:        #FAF9F6;   /* warmer Off-White */
  --md-default-fg-color:        #1A1A1A;   /* nicht reines Schwarz */
  --md-default-fg-color--light: #4a4a4a;
  --md-default-fg-color--lighter: #6a6a6a;
  --md-default-fg-color--lightest: #e6e3da;

  --md-code-bg-color:           #F1EFE9;
  --md-code-fg-color:           #142A47;

  --md-typeset-a-color:         #1F3A5F;
  --md-footer-bg-color:         #142A47;
  --md-footer-bg-color--dark:   #0f2035;
  --md-footer-fg-color:         #FAF9F6;
  --md-footer-fg-color--light:  #FAF9F6cc;
  --md-footer-fg-color--lighter: #FAF9F699;
}

/* Dark Mode — dunkles Off-Black, weicheres Blau, Gold bleibt Akzent */
[data-md-color-scheme="kinverse-dark"] {
  --md-primary-fg-color:        #2C5285;
  --md-primary-fg-color--light: #3d6ba8;
  --md-primary-fg-color--dark:  #1F3A5F;
  --md-primary-bg-color:        #1a1a1a;
  --md-primary-bg-color--light: #1a1a1acc;

  --md-accent-fg-color:         #D9BB6B;
  --md-accent-fg-color--transparent: #D9BB6B20;
  --md-accent-bg-color:         #1a1a1a;

  --md-default-bg-color:        #1A1A1A;
  --md-default-fg-color:        #FAF9F6;
  --md-default-fg-color--light: #d0cdc4;
  --md-default-fg-color--lighter: #909090;
  --md-default-fg-color--lightest: #3a3a3a;

  --md-code-bg-color:           #262626;
  --md-code-fg-color:           #FAF9F6;

  --md-typeset-a-color:         #D9BB6B;
  --md-footer-bg-color:         #0f0f0f;
  --md-footer-bg-color--dark:   #050505;
}

/* ---------- Typografie ---------- */

/* Headlines in Georgia — editorial, ruhig, vertrauenswürdig */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.01em;
  color: var(--md-primary-fg-color);
  font-weight: 600;
}

.md-typeset h1 {
  font-size: 2.4rem;
  line-height: 1.15;
  margin-top: 0.5em;
  margin-bottom: 0.8em;
}

.md-typeset h2 {
  font-size: 1.55rem;
  line-height: 1.25;
  margin-top: 2em;
  padding-top: 0.5em;
  border-top: 1px solid var(--md-default-fg-color--lightest);
}

.md-typeset h3 {
  font-size: 1.15rem;
  line-height: 1.35;
  margin-top: 1.6em;
}

/* Body-Text in Inter, ruhig, lesbar */
.md-typeset {
  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 0.86rem;
  line-height: 1.65;
}

/* Header-Titel selbst auch Georgia — passt zum Logo */
.md-header__title,
.md-header__topic {
  font-family: Georgia, "Times New Roman", serif;
  letter-spacing: -0.01em;
}

/* ---------- Kinverse-Callouts ---------- */

/* „Falle" — eigener Callout-Typ für UI-Fallstricke, in Accent Gold */
.md-typeset .admonition.falle,
.md-typeset details.falle {
  border-left: 4px solid #C8A951;
  background: #C8A95110;
}
.md-typeset .falle > .admonition-title,
.md-typeset .falle > summary {
  background: #C8A95120;
  color: #A8893A;
}
.md-typeset .falle > .admonition-title::before,
.md-typeset .falle > summary::before {
  background-color: #A8893A;
  -webkit-mask-image: var(--md-admonition-icon--warning);
          mask-image: var(--md-admonition-icon--warning);
}

/* „Übung" — für „probier's an einem echten Datensatz aus" */
.md-typeset .admonition.uebung,
.md-typeset details.uebung {
  border-left: 4px solid var(--md-primary-fg-color);
  background: var(--md-primary-fg-color)10;
}
.md-typeset .uebung > .admonition-title,
.md-typeset .uebung > summary {
  background: var(--md-primary-fg-color)20;
  color: var(--md-primary-fg-color);
}
.md-typeset .uebung > .admonition-title::before,
.md-typeset .uebung > summary::before {
  background-color: var(--md-primary-fg-color);
  -webkit-mask-image: var(--md-admonition-icon--tip);
          mask-image: var(--md-admonition-icon--tip);
}

/* ---------- Feedback-Callout am Kapitel-Ende ---------- */

.kinverse-feedback {
  margin: 3em 0 1em;
  padding: 1.25em 1.5em;
  background: var(--md-accent-fg-color--transparent);
  border-left: 4px solid var(--md-accent-fg-color);
  border-radius: 0 4px 4px 0;
  font-family: Inter, sans-serif;
}

.kinverse-feedback strong {
  color: var(--md-primary-fg-color);
  font-family: Georgia, serif;
  font-size: 1.05em;
}

.kinverse-feedback a {
  font-weight: 600;
}

/* ---------- Trenner im Nav (der „—— Alltag ——"-Eintrag) ---------- */

/* Trenner-Eintrag im Nav weniger prominent formatieren */
.md-nav__link[href$="trenner/"] {
  pointer-events: none;
  color: var(--md-default-fg-color--lighter);
  font-family: Georgia, serif;
  font-style: italic;
  font-size: 0.85em;
  padding-top: 1em;
  padding-bottom: 0.5em;
}

/* ---------- Code-Blöcke ---------- */

.md-typeset code {
  font-family: "JetBrains Mono", SFMono-Regular, Menlo, monospace;
  font-size: 0.85em;
  border-radius: 3px;
  padding: 0.15em 0.4em;
}

.md-typeset pre > code {
  padding: 1em 1.25em;
}

/* ---------- Kleine Details ---------- */

/* Hover auf Links: dezenter Gold-Underline */
.md-typeset a:hover {
  color: var(--md-accent-fg-color);
}

/* Blockquotes im Kinverse-Stil */
.md-typeset blockquote {
  border-left: 3px solid var(--md-accent-fg-color);
  color: var(--md-default-fg-color--light);
  font-style: italic;
  padding-left: 1.25em;
}

/* Tables etwas ruhiger */
.md-typeset table:not([class]) {
  font-size: 0.85rem;
  border: none;
}
.md-typeset table:not([class]) th {
  background: var(--md-primary-fg-color);
  color: var(--md-primary-bg-color);
  font-family: Georgia, serif;
  font-weight: 600;
  letter-spacing: 0.02em;
}

/* Suche etwas prominenter */
.md-search__input {
  font-family: Inter, sans-serif;
}

/* Footer weniger dominant */
.md-footer-meta {
  font-size: 0.75rem;
}