/* ================================
   Corporate Design HPC.NRW
   Primär: Blau  RGB(60,68,102)  = #3C4466
   Akzent: Pink  RGB(149,79,113) = #954F71
   (Light/ Dark-Varianten leicht angepasst)
   ================================ */

/* LIGHT MODE (scheme: default) */
[data-md-color-scheme="default"] {
  /* Primärfarbe = Header, aktive Elemente, Links-Highlights */
  --md-primary-fg-color:        #3C4466;  /* Blau */
  --md-primary-fg-color--light: #6A7191;  /* etwas heller */
  --md-primary-fg-color--dark:  #2A304C;  /* etwas dunkler */

  /* Akzentfarbe = Buttons, Slider, Fokus etc. */
  --md-accent-fg-color:         #954F71;  /* Pink */
  --md-accent-fg-color--transparent: rgba(149, 79, 113, 0.15);
}

/* DARK MODE (scheme: slate) */
[data-md-color-scheme="slate"] {
  /* In Dark etwas „leuchtender“ */
  --md-primary-fg-color:        #556099;  /* angehobenes Blau */
  --md-primary-fg-color--light: #7882B3;
  --md-primary-fg-color--dark:  #404A7A;

  --md-accent-fg-color:         #B96A91;  /* Pink leicht aufgehellt */
  --md-accent-fg-color--transparent: rgba(185, 106, 145, 0.20);
}

/* ================================
   Schriften: Arial/Helvetica
   ================================ */
:root {
  --md-text-font: Arial, "Helvetica Neue", Helvetica, sans-serif;
  --md-code-font: ui-monospace, SFMono-Regular, Menlo, Monaco, "Liberation Mono", Consolas, monospace;
}

/* Safety: Erzwinge Fonts global (überschreibt Material-Defaults) */
html, body, .md-typeset, .md-nav, .md-header, .md-footer {
  font-family: var(--md-text-font) !important;
}

/* Überschriften dürfen ruhig kräftiger sein */
.md-typeset h1, .md-typeset h2, .md-typeset h3,
.md-typeset h4, .md-typeset h5, .md-typeset h6 {
  font-weight: 700; /* Arial Bold */
}

/* Links leicht an Primärfarbe anlehnen (optional) */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-typeset-a-color: var(--md-primary-fg-color);
}