@layer utilities {
  .bg-surface-turmeric {
    background-color: var(--color-turmeric);
  }

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

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

  .bg-surface-himalayan-salt {
    background-color: var(--color-himalayan-salt);
  }

  .bg-surface-himalayan-salt-high {
    background-color: var(--color-himalayan-salt-alt);
  }

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

  .bg-surface-honey-high {
    background-color: var(--color-honey-alt);
  }

  .hover\:bg-surface-honey-high:hover {
    background-color: var(--color-honey-alt);
  }
}