/* Card Backgrounds */
.card-bg-pink-pastel { background-color: #FFE4E1; }
.card-bg-green-pastel { background-color: #E1F5E1; }
.card-bg-blue-pastel { background-color: #E1F0FF; }
.card-bg-yellow-pastel { background-color: #FFF4E1; }
.card-bg-purple-pastel { background-color: #F5E1FF; }
.card-bg-cyan-pastel { background-color: #E1FFFF; }
.card-bg-magenta-pastel { background-color: #FFE1F5; }
.card-bg-lavender-pastel { background-color: #E8E1FF; }
.card-bg-coral-pastel { background-color: #FFE8E1; }
.card-bg-mint-pastel { background-color: #E1FFE8; }
.card-bg-peach-pastel { background-color: #FFEBE1; }
.card-bg-lemon-pastel { background-color: #FFFCE1; }
.card-bg-sky-pastel { background-color: #E1F8FF; }
.card-bg-lime-pastel { background-color: #E8FFE1; }
.card-bg-violet-pastel { background-color: #F0E1FF; }
.card-bg-aqua-pastel { background-color: #E1FFFA; }
.card-bg-rose-pastel { background-color: #FFE1EB; }
.card-bg-periwinkle-pastel { background-color: #E1EFFF; }
.card-bg-apricot-pastel { background-color: #FFF3E1; }
.card-bg-seafoam-pastel { background-color: #E1FFF3; }
/* Vibrant Icon backgrounds */
.icon-bg-coral-red {
  background-color: #FF6B6B;
}

.icon-bg-green {
  background-color: #6BCF7F;
}

.icon-bg-blue {
  background-color: #6BA3FF;
}

.icon-bg-orange {
  background-color: #FFB84D;
}

.icon-bg-purple {
  background-color: #B76BFF;
}

.icon-bg-cyan {
  background-color: #4DCCCC;
}

.icon-bg-magenta {
  background-color: #FF6BC4;
}

.icon-bg-lavender {
  background-color: #8B6BFF;
}

.icon-bg-coral-orange {
  background-color: #FF8B6B;
}

.icon-bg-mint-green {
  background-color: #6BFF8B;
}

.icon-bg-peach {
  background-color: #FF9B6B;
}

.icon-bg-gold {
  background-color: #FFD700;
}

.icon-bg-sky-blue {
  background-color: #6BBBFF;
}

.icon-bg-lime-green {
  background-color: #8BFF6B;
}

.icon-bg-violet {
  background-color: #A76BFF;
}

.icon-bg-aqua {
  background-color: #6BFFD4;
}

.icon-bg-rose-pink {
  background-color: #FF6B9B;
}

.icon-bg-periwinkle-blue {
  background-color: #6B9FFF;
}

.icon-bg-apricot-orange {
  background-color: #FFAA6B;
}

.icon-bg-seafoam-green {
  background-color: #6BFFAA;
}
/* ... (extended to 20 as requested) */
/* Text Color Variants (Darker shades for readability) */
.text-pink { color: #D87093; }
.text-green { color: #2E8B57; }
.text-blue { color: #4682B4; }
.text-purple { color: #6A5ACD; }

/* Border Color Variants */
.border-pink { border: 1px solid #FFC0CB; }
.border-green { border: 1px solid #C1E1C1; }
.border-blue { border: 1px solid #B0C4DE; }
.border-yellow { border: 1px solid #F0E68C; }