:root {
  --text: #333;
  --primary: #1f9bcf;
  --primary-hover: #1a84b0;
}

body {
  --pf-global--FontFamily--sans-serif: "Helvetica", Arial, sans-serif;
  --pf-global--FontFamily--heading--sans-serif: "Helvetica", Arial, sans-serif;
  --pf-global--BackgroundColor--dark-100: var(--primary);
  --pf-global--Color--100: var(--text);
}

.pf-c-nav {
  --pf-c-nav__list-link--Color: var(--primary);
  --pf-c-nav__list-link--m-current--Color: var(--text);
  --pf-c-nav__simple-list-link--Color: var(--primary);
  --pf-c-nav__simple-list-link--m-current--Color: var(--text);
}

.pf-c-button {
  --pf-c-button--m-link--Color: var(--primary);
  --pf-c-button--m-link--hover--Color: var(--primary-hover);
  --pf-c-button--m-primary--BackgroundColor: var(--primary);
  --pf-c-button--m-primary--hover--BackgroundColor: var(--primary-hover);
}

.pf-c-page__header-tools > div > div:nth-child(2) > a {
  color: var(--pf-c-dropdown__toggle--m-plain--Color);
}

.pf-c-brand {
  max-width: 180px;
  height: auto;
}

.pf-c-page__header {
  background-color: var(--pf-c-page__sidebar--BackgroundColor);
}