:root {
  /* Define all your color variables here */
  --color-blue: #065AFF;
  --color-gray: #2b2c2c;
  --color-yellow: #ec9d2d;
  --color-lt-gray: #d3d3d3; /* This is the most commonly used light gray */
  --color-lt-gray-f: #eeeeeb; /* This appears to only be used on the PR INFO section on News page */
}


.color-blue {
  color:var(--color-blue);
}

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

.color-white {
  color: white;
}

.bg-white {
  background-color: white;
}

.color-black {
  color: black;
}

.bg-black {
  background-color: black;
}

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

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

.fill-yellow {
  fill: var(--color-yellow);
}

.color-gray {
  color: var(--color-gray);
}

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

.color-lt-gray {
  color: var(--color-lt-gray);
}

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

.color-lt-gray-f {
  color: var(--color-lt-gray-f);
}

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