:root {
  --color-brand-light: #819b57;
  --color-primary-dark: #31261a;
  --color-primary-light: #faf4ea;
  --color-brand-dark: #465929;
}
body {
  color: var(--color-primary-dark);
}

ul {
  list-style-type: none;
}

.button {
  color: var(--color-primary-light);
  background-color: var(--color-brand-light);
  border: 2px solid var(--color-brand-light);
  border-radius: 8px;
  cursor: pointer;
}

.button:hover {
  color: var(--color-brand-dark);
  background-color: transparent;
}
.link {
  color: var(--color-primary-light);
}
.link:hover {
  color: var(--color-brand-light);
}
.hero-title {
  color: var(--color-primary-light);
}
.hero-title .accent {
  color: var(--color-brand-light);
}
.advantages-list {
  color: var(--color-primary-light);
  background-color: var(--color-brand);
}
.section-title {
  color: var(--color-primary-dark);
}
.section-title .shef {
  color: var(--color-brand-dark);
}