/* IDEASCOL brand on the Keycloak admin console (PatternFly 5). Only colors and
   the masthead; layout stays PatternFly's. */
:root {
  --pf-v5-global--primary-color--100: #3d6fe0;
  --pf-v5-global--primary-color--200: #2c58c4;
  --pf-v5-global--link--Color: #3d6fe0;
  --pf-v5-global--link--Color--hover: #283157;
  --pf-v5-global--active-color--100: #3d6fe0;
}

/* Masthead in IDEASCOL ink, with the dots logo */
.pf-v5-c-masthead,
.pf-v5-theme-dark .pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: #161e3d;
  background-color: #161e3d;
}
.pf-v5-c-masthead .pf-v5-c-toolbar,
.pf-v5-c-masthead .pf-v5-c-masthead__content {
  --pf-v5-c-toolbar--BackgroundColor: transparent;
  background-color: transparent;
}
.pf-v5-c-masthead .pf-v5-c-brand,
.pf-v5-c-masthead__brand img {
  height: 20px;
  width: auto;
}

/* Sidebar one step darker; the current item gets the sun accent */
.pf-v5-c-page__sidebar,
.pf-v5-theme-dark .pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--BackgroundColor: #0d1226;
  background-color: #0d1226;
}
.pf-v5-c-nav {
  --pf-v5-c-nav__link--m-current--after--BorderColor: #ffd83d;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #1d2545;
  --pf-v5-c-nav__link--hover--BackgroundColor: #161e3d;
  --pf-v5-c-nav__link--focus--BackgroundColor: #161e3d;
  --pf-v5-c-nav__link--active--BackgroundColor: #1d2545;
  --pf-v5-c-nav__link--hover--after--BorderColor: #3d6fe0;
  --pf-v5-c-nav__link--focus--after--BorderColor: #3d6fe0;
}

/* Dark mode keeps the brand accents readable */
.pf-v5-theme-dark {
  --pf-v5-global--primary-color--100: #6f93ec;
  --pf-v5-global--primary-color--200: #8eaaf1;
  --pf-v5-global--link--Color: #8eaaf1;
  --pf-v5-global--link--Color--hover: #b9c9f6;
}