@layer utility {
  .bg-primary {
    background-color: var(--color-primary);
  }
  .bg-primary-grad {
    background: linear-gradient(var(--color-primary), var(--color-primary-dark));
  }
  .bg-white {
    background-color: var(--color-white);
  }

  .text-color-white {
    color: var(--color-white);
  }
  .text-color-warning {
    color: var(--color-warning);
  }
  .text-color-success {
    color: var(--color-success);
  }
}