/* ===== ABC SOFT Branding ===== */

:root {
  /* Markenfarben */
  --abc-red:     #e30613;
  --abc-yellow:  #ffcc00;
  --abc-green:   #2fa03a;
  --abc-blue:    #1f8ce0;
  --abc-magenta: #e6007e;
}

/* Primär- und Akzentfarbe auf die Marke setzen (hell + dunkel) */
:root,
[data-md-color-scheme="default"],
[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #1f6fb2;
  --md-primary-fg-color--light: #4f93c9;
  --md-primary-fg-color--dark:  #164f80;
  --md-accent-fg-color:         var(--abc-magenta);
  --md-accent-fg-color--transparent: rgba(230, 0, 126, 0.1);
}

/* Bunte Markenleiste unter der Kopfzeile */
.md-header {
  border-bottom: 3px solid transparent;
  border-image: linear-gradient(
    90deg,
    var(--abc-red)     0%,
    var(--abc-yellow) 25%,
    var(--abc-green)  50%,
    var(--abc-blue)   75%,
    var(--abc-magenta) 100%
  ) 1;
}

/* Logo etwas größer und mit Luft */
.md-header__button.md-logo img,
.md-header__button.md-logo svg {
  height: 1.7rem;
  width: auto;
}

/* Aktive Tab-Unterstreichung in Akzentfarbe */
.md-tabs__link--active {
  color: #ffffff;
}

/* Dezenter Marken-Verlauf auf der Startseiten-Überschrift */
.md-typeset h1 {
  color: var(--md-primary-fg-color--dark);
}
[data-md-color-scheme="slate"] .md-typeset h1 {
  color: var(--md-primary-fg-color--light);
}