@media (min-width: 701px) {
  html:root {
    --c1: #397c1e;
    --c2: #b47b05;
    --c3: #f3f7ef;
    --red: var(--c1);
    --red-dark: #285c16;
    --red-soft: #edf5e9;
    --accent: var(--c2);
    --accent-soft: #fff3d2;
    --sand: #f4f7f2;
    --sand-2: #e8efe3;
  }

  html body .dibu {
    background-image:
      linear-gradient(rgba(12, 27, 16, .91), rgba(12, 27, 16, .82)),
      url('../img/pc-footer-fruits.webp');
    background-position: center;
    background-size: cover;
  }
}