/* Homelab-Admin-Konsole: gleiche Schrift und Akzentfarbe wie das Login-Theme.
   Hell/Dunkel: keycloak.v2 folgt der Einstellung des Geraets/Browsers. */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 200 800;
  font-display: swap;
  src: url("../fonts/manrope-latin-wght-normal.woff2") format("woff2");
}

:root {
  --hl-font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --hl-accent: #2563EB;
  --hl-accent-hover: #1D4ED8;
  --hl-link: #1D4ED8;
  --hl-link-hover: #1E3A8A;
}
:root.pf-v5-theme-dark {
  --hl-link: #8AB4FF;
  --hl-link-hover: #B5CEFF;
}

:root, :root.pf-v5-theme-dark {
  --pf-v5-global--FontFamily--text: var(--hl-font);
  --pf-v5-global--FontFamily--heading: var(--hl-font);
  --pf-v5-global--FontFamily--sans-serif: var(--hl-font);
  --pf-v5-global--FontFamily--redhatfont--sans-serif: var(--hl-font);
  --pf-v5-global--FontFamily--redhatfont--heading--sans-serif: var(--hl-font);
  --pf-v5-global--primary-color--100: var(--hl-accent);
  --pf-v5-global--primary-color--200: var(--hl-accent-hover);
  --pf-v5-global--active-color--100: var(--hl-accent);
  --pf-v5-global--link--Color: var(--hl-link);
  --pf-v5-global--link--Color--hover: var(--hl-link-hover);
}

body { font-family: var(--hl-font); }

/* Kopfleiste: ruhiges Dunkelblau statt Schwarz, passend zum Login */
.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #111827;
  background-color: #111827;
}
:root.pf-v5-theme-dark .pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #0E131A;
  background-color: #0E131A;
  border-bottom: 1px solid #232B37;
}

.pf-v5-c-masthead .pf-v5-c-toolbar {
  --pf-v5-c-toolbar--BackgroundColor: transparent;
  background-color: transparent !important;
}
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
  background-color: transparent;
  border-radius: 8px;
}

/* Logo in der Kopfleiste */
.pf-v5-c-masthead__brand img,
.keycloak__pageheader_brand {
  height: 36px;
  max-height: 36px;
  width: auto;
}

/* Primaere Buttons */
.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--hl-accent);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--hl-accent-hover);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--hl-accent-hover);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--hl-accent-hover);
  --pf-v5-c-button--m-primary--Color: #FFFFFF;
  --pf-v5-c-button--m-primary--hover--Color: #FFFFFF;
}
:root.pf-v5-theme-dark .pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--hl-accent);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--hl-accent-hover);
  --pf-v5-c-button--m-primary--Color: #FFFFFF;
}

/* Etwas weichere Ecken */
.pf-v5-c-card, .pf-v5-c-modal-box, .pf-v5-c-alert { border-radius: 10px; }
.pf-v5-c-button { border-radius: 8px; }
.pf-v5-c-button::after { border-radius: 8px; }