/* ===================================================================
   Cinder-Look für Material for MkDocs
   Vorbild: https://sourcefoundry.org/cinder/
   Helle, schlichte Optik – Funktionen von Material bleiben erhalten.
   =================================================================== */

/* Kopfzeile/Navigation: dunkles Cinder-Grau (#343838) ---------------- */
[data-md-color-primary="custom"] {
  --md-primary-fg-color:        #343838;
  --md-primary-fg-color--light: #4a4f4f;
  --md-primary-fg-color--dark:  #232626;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
}

/* Akzent (Hover/aktive Elemente): Cinder-Blau ------------------------ */
[data-md-color-accent="custom"] {
  --md-accent-fg-color:         #2a6496;
  --md-accent-fg-color--transparent: rgba(42, 100, 150, 0.1);
}

/* Helles Schema an Cinder angleichen -------------------------------- */
[data-md-color-scheme="default"] {
  --md-default-fg-color:        #343838;   /* Cinder-Textfarbe */
  --md-default-fg-color--light: #5b6060;
  --md-typeset-a-color:         #2a6496;   /* Cinder-/Bootstrap-Blau */
}

/* Überschriften: Inter, kräftig, dunkler ---------------------------- */
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
  font-family: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
[data-md-color-scheme="default"] .md-typeset h1,
[data-md-color-scheme="default"] .md-typeset h2,
[data-md-color-scheme="default"] .md-typeset h3 {
  color: #222;
  font-weight: 700;
}

/* Inline-Code dezent wie bei Cinder (#FCFDFF mit feinem Rahmen) ------ */
[data-md-color-scheme="default"] .md-typeset code {
  background-color: #fcfdff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 3px;
}
[data-md-color-scheme="default"] .md-typeset pre > code {
  border: 1px solid rgba(0, 0, 0, 0.08);
}
