/* Brand-Farben für online:academy.
   Pairing mit `palette.primary: custom` + `palette.accent: custom` in
   den mkdocs-Configs (mkdocs.yml + mkdocs-public.yml).

   Primary (Header + Footer): #e72956
   Accent (Links, Hover, Selection): #ff4990 */

/* === Neris — Marken-Schriftart, identisch zum Frontend-Design ===
   Gepaart mit `font: false` in mkdocs.yml + mkdocs-public.yml (deaktiviert
   die Material-Default-Google-Fonts). Es gibt kein aufrechtes Bold-OTF in
   der Familie, daher wird 700 auf SemiBold gemappt. */
@font-face {
  font-family: "Neris"; font-style: normal; font-weight: 300;
  src: url("fonts/Neris-Light.otf") format("opentype"); font-display: swap;
}
@font-face {
  font-family: "Neris"; font-style: normal; font-weight: 400;
  src: url("fonts/Neris-Thin.otf") format("opentype"); font-display: swap;
}
@font-face {
  font-family: "Neris"; font-style: italic; font-weight: 400;
  src: url("fonts/Neris-ThinItalic.otf") format("opentype"); font-display: swap;
}
@font-face {
  font-family: "Neris"; font-style: normal; font-weight: 600;
  src: url("fonts/Neris-SemiBold.otf") format("opentype"); font-display: swap;
}
@font-face {
  font-family: "Neris"; font-style: normal; font-weight: 700;
  src: url("fonts/Neris-SemiBold.otf") format("opentype"); font-display: swap;
}
@font-face {
  font-family: "Neris"; font-style: normal; font-weight: 900;
  src: url("fonts/Neris-Black.otf") format("opentype"); font-display: swap;
}

:root {
  --md-text-font: "Neris", "Helvetica Neue", Arial, sans-serif;
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color: #e72956;
  --md-primary-fg-color--light: #f0567c;
  --md-primary-fg-color--dark: #b81d44;

  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: #ff4990;
  --md-accent-fg-color--transparent: #ff499020;
  --md-accent-bg-color: #ffffff;
  --md-accent-bg-color--light: #ffffffb3;
}

/* Logo trägt den vollen Wortmarken-Schriftzug (online:academy) auf Brand-Pink
   — Hintergrund verschmilzt mit dem Header. Etwas höher, damit der Schriftzug
   lesbar bleibt. */
.md-header__button.md-logo img {
  height: 3.2rem;
  width: auto;
}
/* Header etwas höher, damit das größere Logo nicht abgeschnitten wird. */
.md-header__inner {
  min-height: 3.6rem;
}