/* =============================================================================
   Konto-Seite "heimserver" – Farben aus heimserver/branding
   (Platzhalter __…__ füllt theme-bauen.sh, Doku: wiki/erscheinungsbild.md)
   ============================================================================= */
:root {
  --hs-farbe: #2b59c3;
  --hs-farbe-dunkel: #2349a0;
  --hs-farbe-hell: #eaeef9;
  --hs-farbe-text: #2b59c3;
  --hs-farbe-nacht: #6083d2;
  --hs-auf-farbe: #ffffff;

  --pf-v5-global--primary-color--100: var(--hs-farbe);
  --pf-v5-global--primary-color--200: var(--hs-farbe-dunkel);
  --pf-v5-global--primary-color--light-100: var(--hs-farbe-hell);
  --pf-v5-global--active-color--100: var(--hs-farbe);
  --pf-v5-global--link--Color: var(--hs-farbe-text);
  --pf-v5-global--link--Color--hover: var(--hs-farbe-dunkel);
}
html.pf-v5-theme-dark {
  --pf-v5-global--active-color--100: var(--hs-farbe-nacht);
  --pf-v5-global--link--Color: var(--hs-farbe-nacht);
  --pf-v5-global--link--Color--hover: var(--hs-farbe-nacht);
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--Color: var(--hs-auf-farbe);
  --pf-v5-c-button--m-primary--hover--Color: var(--hs-auf-farbe);
  --pf-v5-c-button--m-primary--BackgroundColor: var(--hs-farbe);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--hs-farbe-dunkel);
}

/* Kopfleiste mit Logo: heller Grund, farbige Linie – Menü/Knöpfe darin mit
   dunkler Schrift (Keycloak gestaltet sie für eine dunkle Kopfleiste) */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #ffffff;
  --pf-v5-global--Color--100: #151515;
  --pf-v5-global--Color--200: #4f5255;
  color: #151515;
  border-bottom: 4px solid var(--hs-farbe);
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle,
.pf-v5-c-masthead .pf-v5-c-button.pf-m-plain,
.pf-v5-c-masthead .pf-v5-c-masthead__toggle {
  color: #151515;
  --pf-v5-c-menu-toggle--Color: #151515;
  --pf-v5-c-menu-toggle--hover--Color: #151515;
  --pf-v5-c-menu-toggle--expanded--Color: #151515;
  --pf-v5-c-button--m-plain--Color: #151515;
  --pf-v5-c-button--m-plain--hover--Color: #151515;
}
.pf-v5-c-masthead .pf-v5-c-brand,
.pf-v5-c-masthead img {
  max-height: 40px;
}
html.pf-v5-theme-dark .pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #f4f6f8;
}