/* Brand color tokens shared between front-end and layout builder UI */
:root {
  --brand-black: #000000;
  --brand-gray: #eeeeee;
  --brand-blue: #0082CB;
  --brand-navy: #016498;
}

.bs-bg-brand-black {
  background-color: var(--brand-black) !important;
  color: #ffffff !important;
}

.bs-bg-brand-gray {
  background-color: var(--brand-gray) !important;
  color: #000000 !important;
}

.bs-bg-brand-blue {
  background-color: var(--brand-blue) !important;
  color: #ffffff !important;
}

.bs-bg-brand-navy {
  background-color: var(--brand-navy) !important;
  color: #ffffff !important;
}