.subtitle-accent {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  color: var(--grey-clay);
}

.page-side {
  background: var(--grey-faint);
}

.page-side-title {
  font-size: 1.75rem;
  font-weight: 700;
  background-image: linear-gradient(
    90deg,
    var(--orange-light),
    var(--orange-dark)
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

.page-side .fa-li {
  color: var(--color-primary-complement-light);
}

.page-side .fa-ul a {
  color: var(--color-primary-complement);
  text-decoration: none;
  transition: border-bottom 0.2s ease-in, color 0.2s ease-in;
  border-bottom: 2px solid var(--color-primary-complement-light);
}

@media (hover: hover) {
  .page-side .fa-ul a:hover {
    color: var(--color-primary);
    border-bottom: 2px solid var(--color-primary);
  }
}