:root {
  --color-red: #b3261e;
  --color-orange: #d97706;
  --color-amber: #c9a227;
  --color-green: #2e7d32;
  --color-blue: #1f4fd8;
  --color-purple: #6a1b9a;
  --color-brown: #6d4c41;
}

span.color-red {
  color: var(--color-red) !important;
}
span.color-orange {
  color: var(--color-orange) !important;
}
span.color-amber {
  color: var(--color-amber) !important;
}
span.color-blue {
  color: var(--color-blue) !important;
}
span.color-green {
  color: var(--color-green) !important;
}
span.color-purple {
  color: var(--color-purple) !important;
}
span.color-brown {
  color: var(--color-brown) !important;
}