:root {
  --mj-primary: #5ac479;
  --mj-primary-dark: #23763c;
  --mj-primary-light: #ebfff1;
  --mj-secondary: #ee6e2d;
}

.fill-primary {fill: var(--mj-primary) !important;}
.fill-secondary{fill: var(--mj-secondary) !important;}
.text-primary-dark {color: var(--mj-primary-dark) !important;}
.text-primary {color: var(--mj-primary) !important;}
.text-secondary {color: var(--mj-secondary) !important;}
.bg-primary {background-color: var(--mj-primary) !important;}
.bg-secondary {background-color: var(--mj-secondary) !important;}

.card {
  background: linear-gradient(to right bottom, var(--mj-primary-light), #fff);
  border: 1px solid var(--mj-primary-light);
}