body {
  --pf-v5-global--BackgroundColor--dark-100: #F15C61;

  --pf-v5-global--Color--100: #025B6B;
  --pf-v5-c-button--m-primary--Color: #025B6B;

  --pf-v5-c-page__sidebar--BackgroundColor: #F69A9F;
  --pf-v5-c-nav__link--m-current--BackgroundColor: #FF9C9F;

  --pf-v5-global--active-color--400: #39AEA2;

  --pf-v5-c-nav__link--Color: #001418;
}

/* ===== Page header ===== */
.pf-v5-c-page__header {
  background-color: #F15C61;
  box-shadow: 0 2px 10px rgba(241, 92, 97, 0.25);
}

/* ===== Navigation links ===== */
.pf-v5-c-nav__list .pf-v5-c-nav__link {
  --pf-v5-c-nav__list-link--Color: #F15C61;
  --pf-v5-c-nav__list-link--m-current--Color: #025B6B;
  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: #F15C61;
  --pf-v5-c-nav__simple-list-link--m-current--Color: #025B6B;
  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: #F15C61;
  --pf-v5-c-button--m-primary--BorderColor: #F15C61;
  --pf-v5-c-button--m-link--Color: #F15C61;
  color: #fff;
  background-color: #F15C61;
  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.15s ease;
  box-shadow: 0 2px 10px rgba(241, 92, 97, 0.3);
}

.pf-v5-c-button.pf-v5-m-primary:hover,
.pf-v5-c-button.pf-v5-m-primary:focus {
  background-color: #d44248;
  box-shadow: 0 4px 18px rgba(241, 92, 97, 0.4);
  transform: translateY(-1px);
}

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

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

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

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

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

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

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

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

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

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

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

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

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

  .pf-v5-c-page__sidebar .pf-v5-c-nav__link {
    background-color: #3d1215;
    color: #ffcdd0;
  }

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

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

  .pf-v5-c-button.pf-v5-m-primary {
    background-color: #c94a4f;
    box-shadow: 0 2px 10px rgba(201, 74, 79, 0.4);
  }

  .pf-v5-c-button.pf-v5-m-primary:hover,
  .pf-v5-c-button.pf-v5-m-primary:focus {
    background-color: #a83b3f;
    box-shadow: 0 4px 18px rgba(201, 74, 79, 0.5);
  }

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

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

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

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

}