/*
Backgrounds: https://gradienty.codes/mesh-gradients
*/
:root {
  --color-dark-olive: #343d2f;
  --color-warm-copper: #c27d32;
  --color-light-beige: #f5f5ef;
  --color-background: #fefefe;
}

.bg-dark-olive {
  background-color: var(--color-dark-olive);
}

.text-dark-olive {
  color: var(--color-dark-olive);
}

.bg-warm-copper {
  background-color: var(--color-warm-copper);
}
.bg-warm-copper:hover {
  background-color: rgb(173.7254098361, 111.9364754098, 44.7745901639);
  outline-color: rgb(153.4508196721, 98.8729508197, 39.5491803279);
}

.text-warm-copper {
  color: #c27d32;
}

.text-outline {
  text-shadow: 0 0 20px #ffffff;
}

.bg-light-beige {
  background-color: var(--color-light-beige);
}

.bg-background {
  background-color: var(--color-background);
}

.bg-mesh {
  background-color: #feffd2;
  background-image: radial-gradient(at 37% 34%, #feffd2 0%, transparent 60%), radial-gradient(at 19% 89%, #ffeea9 0%, transparent 50%), radial-gradient(at 13% 58%, #ffbf78 0%, transparent 40%), radial-gradient(at 15% 31%, #ff7d29 0%, transparent 30%);
}

.bg-organize {
  background-image: radial-gradient(circle, rgba(255, 255, 255, 0) 50%, rgb(255, 255, 255) 80%), url("../img/background/bg-organize-12x12.svg");
  background-size: contain;
  background-repeat: repeat;
}/*# sourceMappingURL=colors.css.map */