:root {
  --text-color: var(--zinc-900);
  --background-color: var(--zinc-050);

  --nav-text-color: var(--zinc-300);
  --nav-background-color: var(--zinc-900);
  --nav-text-color-hover: white;
  --nav-background-color-hover: var(--zinc-700);
  --nav-text-color-current: var(--zinc-200);
  --nav-background-color-current: var(--zinc-800);
}

#mentions-legales h2 {
  text-align: center;
  text-transform: uppercase;
  margin: 0 auto 20px auto;
}

#mentions-legales article {
  max-width: 600px;
  padding: var(--gap) 0;
  margin: 0 auto;
}

#mentions-legales h4 {
  border-bottom: var(--title-border-bottom-dark);
  font-size: 120%;
}

#mentions-legales ol {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}

#mentions-legales li {
  font-family: var(--font-family-condensed);
}

#mentions-legales li::marker {
  font-size: 1.25rem;
}

#mentions-legales p {
  border-left: var(--gap) solid var(--darker-20);
  padding-left: var(--gap);
}