body {
  --pf-v5-global--BackgroundColor--dark-100: #D2FCEE;
  --pf-v5-global--Color--100: #149268;
  --pf-v5-c-button--m-primary--Color: #149268;
  --pf-v5-c-page__sidebar--BackgroundColor: #E8FDF6;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #D2FCEE;
}

/* ===== Page header ===== */
.pf-v5-c-page__header {
  background-color: #D2FCEE;
  box-shadow: 0 2px 8px rgba(20, 146, 104, 0.12);
}

/* ===== Navigation links ===== */
.pf-v5-c-nav__list .pf-v5-c-nav__link {
  --pf-v5-c-nav__list-link--Color: #D2FCEE;
  --pf-v5-c-nav__list-link--m-current--Color: #149268;
  transition: background-color 0.2s ease, color 0.2s ease;
}

.pf-v5-c-nav__simple-list .pf-v5-c-nav__link {
  --pf-v5-c-nav__simple-list-link--Color: #D2FCEE;
  --pf-v5-c-nav__simple-list-link--m-current--Color: #149268;
  transition: background-color 0.2s ease, color 0.2s ease;
}

/* ===== Primary button ===== */
.pf-v5-c-button.pf-v5-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: #149268;
  --pf-v5-c-button--m-primary--BorderColor: #149268;
  --pf-v5-c-button--m-link--Color: #D2FCEE;
  color: #fff;
  background-color: #149268;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
  box-shadow: 0 2px 10px rgba(20, 146, 104, 0.25);
}

.pf-v5-c-button.pf-v5-m-primary:hover,
.pf-v5-c-button.pf-v5-m-primary:focus {
  background-color: #0e6b4c;
  box-shadow: 0 4px 18px rgba(20, 146, 104, 0.35);
  transform: translateY(-1px);
}

.pf-v5-c-button.pf-v5-m-primary:active {
  transform: translateY(0);
  box-shadow: 0 1px 4px rgba(20, 146, 104, 0.2);
}

.pf-v5-c-button.pf-v5-m-primary::before,
.pf-v5-c-button.pf-v5-m-primary::after {
  display: block;
  background-color: #149268;
  border-color: #149268;
}

/* ===== Sidebar ===== */
.pf-v5-c-page__sidebar {
  background-color: #E8FDF6;
  --pf-v5-c-page__sidebar--BackgroundColor: #E8FDF6;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #149268;
  color: #000;
  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.06);
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link {
  background-color: #E8FDF6;
  --pf-v5-c-page__sidebar--BackgroundColor: #E8FDF6;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #149268;
  color: #000;
  border: none;
  transition: background-color 0.2s ease;
}

.pf-v5-c-page__sidebar .pf-v5-c-nav__link:hover {
  background-color: #D2FCEE;
}

/* ===== Header text colors ===== */
.pf-v5-c-page__header,
.pf-v5-c-page__header .pf-v5-c-nav__link,
.pf-v5-c-page__header .pf-v5-c-dropdown__toggle-text {
  color: #000;
}

.pf-v5-c-page__sidebar,
.pf-v5-c-page__sidebar .pf-v5-c-nav__link {
  color: #000;
}

/* ===== Brand / logo ===== */
.pf-v5-c-brand,
.pf-v5-c-page__header-logo-text {
  color: #000;
}

#nav-toggle.pf-v5-c-button.pf-v5-m-plain svg {
  fill: #000;
}

#pf-dropdown-toggle-id-32.pf-v5-c-dropdown__toggle.pf-v5-m-plain svg {
  fill: #000;
}

.pf-v5-c-page__header-brand svg {
  fill: #000;
}

/* ===== Menu toggle ===== */
.pf-v5-c-menu-toggle__controls svg {
  fill: #000 !important;
}

.pf-v5-c-menu-toggle__controls {
  color: #000 !important;
}

.pf-v5-c-menu-toggle__controls::before,
.pf-v5-c-menu-toggle__controls::after {
  border-color: #000 !important;
  color: #000 !important;
}

.pf-v5-c-menu-toggle__text {
  color: #000 !important;
}

.pf-v5-c-menu-toggle:before,
.pf-v5-c-menu-toggle:after {
  pointer-events: none;
  position: absolute;
  inset-block: 0;
  inset-inline: 0;
}

/* ===== Sidebar body border reset ===== */
#page-sidebar.pf-v5-c-page__sidebar .pf-v5-c-page__sidebar-body {
  border-top: none;
  border-right: none;
  border-bottom: none;
  border-left: none;
}

/* ===== Dark mode ===== */
@media (prefers-color-scheme: dark) {
  .pf-v5-c-page__header {
    background-color: #0d2e1f;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.5);
  }

  .pf-v5-c-page__sidebar {
    background-color: #111f17;
    --pf-v5-c-page__sidebar--BackgroundColor: #111f17;
    --pf-v5-c-nav__link--m-current--BackgroundColor: #22F4AE;
    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.4);
  }

  .pf-v5-c-page__sidebar .pf-v5-c-nav__link {
    background-color: #111f17;
    color: #D2FCEE;
  }

  .pf-v5-c-page__sidebar .pf-v5-c-nav__link:hover {
    background-color: #1a3024;
  }

  .pf-v5-c-page__header,
  .pf-v5-c-page__header .pf-v5-c-nav__link,
  .pf-v5-c-page__header .pf-v5-c-dropdown__toggle-text {
    color: #D2FCEE;
  }

  .pf-v5-c-page__sidebar,
  .pf-v5-c-page__sidebar .pf-v5-c-nav__link {
    color: #D2FCEE;
  }

  .pf-v5-c-brand,
  .pf-v5-c-page__header-logo-text {
    color: #22F4AE;
  }

  .pf-v5-c-masthead__brand img {
    filter: invert(1);
  }

  #nav-toggle.pf-v5-c-button.pf-v5-m-plain svg,
  #pf-dropdown-toggle-id-32.pf-v5-c-dropdown__toggle.pf-v5-m-plain svg,
  .pf-v5-c-page__header-brand svg {
    fill: #D2FCEE;
  }

  .pf-v5-c-menu-toggle__controls svg {
    fill: #D2FCEE !important;
  }

  .pf-v5-c-menu-toggle__controls {
    color: #D2FCEE !important;
  }

  .pf-v5-c-menu-toggle__controls::before,
  .pf-v5-c-menu-toggle__controls::after {
    border-color: #D2FCEE !important;
    color: #D2FCEE !important;
  }

  .pf-v5-c-menu-toggle__text {
    color: #D2FCEE !important;
  }
}