:root {
  --primary: color(display-p3 0 .47451 .4 / 1);
  --secondary: color(display-p3 .443137 .74902 .266667 / 1);
  --tertiary: color(display-p3 .843137 .92549 .882353 / 1);
  --yellow-green: color(display-p3 .905882 .941176 .788235 / 1);
  --orange: color(display-p3 .913725 .513725 0 / 1);

  --footer-gradient: linear-gradient(180deg, color(display-p3 0 .47451 .4 / 0) 0%, color(display-p3 0 .47451 .4 / 0.1) 40%, color(display-p3 0 .47451 .4 / 0.8) 70%, color(display-p3 0 .47451 .4 / 1) 100%);
}

.border-primary {
  border-color: var(--primary);
}

.border-secondary {
  border-color: var(--secondary);
}

.border-tertiary {
  border-color: var(--tertiary);
}

.border-yellow-green {
  border-color: var(--yellow-green);
}

.border-orange {
  border-color: var(--orange);
}

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

.text-secondary {
  color: var(--secondary);
}

.text-tertiary {
  color: var(--tertiary);
}

.text-yellow-green {
  color: var(--yellow-green);
}

.text-orange {
  color: var(--orange);
}

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

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

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

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

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

.btn-primary {
  background-color: var(--primary);
}

.btn-secondary {
  background-color: var(--secondary);
}

.btn-tertiary {
  background-color: var(--tertiary);
}

.btn-yellow-green {
  background-color: var(--yellow-green);
}

.btn-orange {
  background-color: var(--orange);
}

.btn-outline-primary {
  border-color: var(--primary);
  color: var(--primary);
}

.btn-outline-secondary {
  border-color: var(--secondary);
  color: var(--secondary);
}

.btn-outline-tertiary {
  border-color: var(--tertiary);
  color: var(--tertiary);
}

.btn-outline-yellow-green {
  border-color: var(--yellow-green);
  color: var(--yellow-green);
}

.btn-outline-orange {
  border-color: var(--orange);
  color: var(--orange);
}