:root {
  --quarx-blue: rgba(14, 28, 66, 1);
  --quarx-yellow: rgba(249, 163, 28, 1);

  --primary-color: var(--quarx-yellow);
}

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

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

.border-primary-color,
.border-primary-color\:hover:hover {
  border-color: var(--primary-color) !important;
}

.bg-quarx-blue,
.bg-quarx-blue\:hover:hover {
  background-color: var(--quarx-blue);
}

.bg-quarx-yellow,
.bg-quarx-yellow\:hover:hover {
  background-color: var(--quarx-yellow);
}

.text-quarx-blue,
.text-quarx-blue\:hover:hover {
  color: var(--quarx-blue);
}

.text-quarx-yellow,
.text-quarx-yellow\:hover:hover {
  color: var(--quarx-yellow);
}

.border-quarx-blue,
.border-quarx-blue\:hover:hover {
  border-color: var(--quarx-blue);
}

.border-quarx-yellow,
.border-quarx-yellow\:hover:hover {
  border-color: var(--quarx-yellow);
}