:root {
  --color-white: #fff;
  --color-black: #332d2b;

  --pantone-popcorn: #f8de8d;
  --pantone-alluring-apricot: #ffc0a0;
  --pantone-lilac-snow: #e0c7d7;
  --pantone-misty-jade: #bcd9c8;
  --pantone-buttercream: #f0e3ce;
  --pantone-sugar-swizzle: #f4eee8;
}

.bg-pantone-sugar-swizzle {
  background: var(--pantone-sugar-swizzle) !important;
}
.bg-pantone-buttercream {
  background: var(--pantone-buttercream) !important;
}
.bg-pantone-lilac-snow {
  background: var(--pantone-lilac-snow) !important;
}
.bg-pantone-alluring-apricot {
  background: var(--pantone-alluring-apricot) !important;
}
.bg-pantone-popcorn {
  background: var(--pantone-popcorn) !important;
}
.bg-pantone-misty-jade {
  background: var(--pantone-misty-jade) !important;
}
.bg-black {
  background: var(--color-black) !important;
}
.bg-white {
  background: var(--color-white) !important;
}
.color-pantone-sugar-swizzle {
  color: var(--pantone-sugar-swizzle) !important;
}
.color-pantone-buttercream {
  color: var(--pantone-buttercream) !important;
}
.color-pantone-lilac-snow {
  color: var(--pantone-lilac-snow) !important;
}
.color-pantone-alluring-apricot {
  color: var(--pantone-alluring-apricot) !important;
}
.color-pantone-popcorn {
  color: var(--pantone-popcorn) !important;
}
.color-pantone-misty-jade {
  color: var(--pantone-misty-jade) !important;
}
.color-black {
  color: var(--color-black) !important;
}
.color-white {
  color: var(--color-white) !important;
}