:root {
  --primary-color: rgba(29, 134, 73, 1);
  --secondary-color: rgba(106, 191, 75, 1);

  --blue: rgba(65, 83, 100, 1);
  --light-green: rgba(125, 156, 145, 1);
  --slate: rgba(74, 79, 84, 1);
  --marigold: rgba(255, 158, 24, 1);
  --background-green: rgba(237, 242, 241, 1);

  --light-gray: rgba(217, 216, 214, 1);
  --gray: rgba(101, 102, 93, 1);

  --white: #ffffff;
  --off-black: #252525;
  --black: #000000;
}

body{
  color: var(--off-black);
}

.bg-primary-gradient{
    background: linear-gradient(
    90deg,
    rgba(106, 191, 75, 1) 0%,
    rgba(67, 162, 74, 1) 40%,
    rgba(29, 134, 73, 1) 100%
  );
  color: var(--white) !important;
}

.bg-primary {
  background-color: var(--primary-color) !important;
  color: var(--white) !important;
}

.bg-secondary {
  background-color: var(--secondary-color) !important;
  color: var(--black) !important;
}

.bg-blue {
  background-color: var(--blue) !important;
  color: var(--white) !important;
}

.bg-light-green {
  background-color: var(--light-green) !important;
  color: var(--black) !important;
}

.bg-background-green {
  background-color: var(--background-green) !important;
  color: var(--black) !important;
}

.bg-slate {
  background-color: var(--slate) !important;
  color: var(--white) !important;
}

.bg-marigold {
  background-color: var(--marigold) !important;
  color: var(--black) !important;
}

.bg-light-gray {
  background-color: var(--light-gray) !important;
}

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

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

.bg-off-black {
  background-color: var(--off-black) !important;
}

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

.text-white {
  color: var(--white) !important;
}

.text-primary {
  color: var(--primary-color) !important;
}

.text-muted {
  color: #42484c !important;
}