/* Decorative shape colours — sets --shape-color for audience/offer cards so
 * templates pick a colour with a class instead of an inline style.
 * ---------------------------------------------------------------------- */

@layer utilities {
  .shape-accent { --shape-color: var(--color-accent); }
  .shape-cobalt { --shape-color: var(--color-cobalt); }
  .shape-sun    { --shape-color: var(--color-sun); }
  .shape-aqua   { --shape-color: var(--color-card-5); }
  .shape-violet { --shape-color: var(--color-card-6); }
  .shape-purple { --shape-color: var(--color-card-7); }
  .shape-lime   { --shape-color: var(--color-card-4); }
}