/* RED / PINK */
.cCherry   { --title-color: rgba(255,102,122,.42); } .cCherryTitle   { color:#ff667a; } .cCherryText    { color:color-mix(in oklch shorter hue,#ff667a 35%,white 65%); }
.cRose     { --title-color: rgba(255,134,170,.42); } .cRoseTitle     { color:#ff86aa; } .cRoseText      { color:color-mix(in oklch shorter hue,#ff86aa 35%,white 65%); }
.cPink     { --title-color: rgba(255,122,208,.42); } .cPinkTitle     { color:#ff7ad0; } .cPinkText      { color:color-mix(in oklch shorter hue,#ff7ad0 35%,white 65%); }
.cFuchsia  { --title-color: rgba(255,92 ,210,.42); } .cFuchsiaTitle  { color:#ff5cd2; } .cFuchsiaText   { color:color-mix(in oklch shorter hue,#ff5cd2 35%,white 65%); }

/* PURPLE */
.cAmethyst { --title-color: rgba(170,105,255,.42); } .cAmethystTitle { color:#aa69ff; } .cAmethystText  { color:color-mix(in oklch shorter hue,#aa69ff 35%,white 65%); }
.cOrchid   { --title-color: rgba(224,116,255,.42); } .cOrchidTitle   { color:#e074ff; } .cOrchidText    { color:color-mix(in oklch shorter hue,#e074ff 35%,white 65%); }
.cPurple   { --title-color: rgba(184,122,255,.42); } .cPurpleTitle   { color:#b87aff; } .cPurpleText    { color:color-mix(in oklch shorter hue,#b87aff 35%,white 65%); }
.cIndigo   { --title-color: rgba(137,132,255,.42); } .cIndigoTitle   { color:#8984ff; } .cIndigoText    { color:color-mix(in oklch shorter hue,#8984ff 35%,white 65%); }

/* BLUE / CYAN */
.cSapphire { --title-color: rgba(45,125,255,.42);  } .cSapphireTitle { color:#2d7dff; } .cSapphireText  { color:color-mix(in oklch shorter hue,#2d7dff 35%,white 65%); }
.cBlue     { --title-color: rgba(70,145,255,.42);  } .cBlueTitle     { color:#4691ff; } .cBlueText      { color:color-mix(in oklch shorter hue,#4691ff 35%,white 65%); }
.cAzure    { --title-color: rgba(94,179,255,.42);  } .cAzureTitle    { color:#5eb3ff; } .cAzureText     { color:color-mix(in oklch shorter hue,#5eb3ff 35%,white 65%); }
.cSky      { --title-color: rgba(94,215,255,.42);  } .cSkyTitle      { color:#5ed7ff; } .cSkyText       { color:color-mix(in oklch shorter hue,#5ed7ff 35%,white 65%); }
.cCyan     { --title-color: rgba(74,242,238,.42);  } .cCyanTitle     { color:#4af2ee; } .cCyanText      { color:color-mix(in oklch shorter hue,#4af2ee 35%,white 65%); }
.cOcean    { --title-color: rgba(40,110,190,.42);  } .cOceanTitle    { color:#286ebe; } .cOceanText     { color:color-mix(in oklch shorter hue,#286ebe 35%,white 65%); }

/* GREEN */
.cMint     { --title-color: rgba(92,242,177,.42);  } .cMintTitle     { color:#5cf2b1; } .cMintText      { color:color-mix(in oklch shorter hue,#5cf2b1 35%,white 65%); }
.cEmerald  { --title-color: rgba(65,205,125,.42);  } .cEmeraldTitle  { color:#41cd7d; } .cEmeraldText   { color:color-mix(in oklch shorter hue,#41cd7d 35%,white 65%); }
.cGreen    { --title-color: rgba(102,230,118,.42); } .cGreenTitle    { color:#66e676; } .cGreenText     { color:color-mix(in oklch shorter hue,#66e676 35%,white 65%); }
.cMoss     { --title-color: rgba(125,170,80,.42);  } .cMossTitle     { color:#7daa50; } .cMossText      { color:color-mix(in oklch shorter hue,#7daa50 35%,white 65%); }
.cLime     { --title-color: rgba(130,255,80,.42);  } .cLimeTitle     { color:#82ff50; } .cLimeText      { color:color-mix(in oklch shorter hue,#82ff50 35%,white 65%); }

/* YELLOW / GOLD */
.cYellow   { --title-color: rgba(250,232,94,.42);  } .cYellowTitle   { color:#fae85e; } .cYellowText    { color:color-mix(in oklch shorter hue,#fae85e 35%,white 65%); }
.cGold     { --title-color: rgba(255,202,84,.42);  } .cGoldTitle     { color:#ffca54; } .cGoldText      { color:color-mix(in oklch shorter hue,#ffca54 35%,white 65%); }
.cAmber    { --title-color: rgba(255,170,74,.42);  } .cAmberTitle    { color:#ffaa4a; } .cAmberText     { color:color-mix(in oklch shorter hue,#ffaa4a 35%,white 65%); }

/* ORANGE / CORAL */
.cOrange   { --title-color: rgba(255,136,78,.42);  } .cOrangeTitle   { color:#ff884e; } .cOrangeText    { color:color-mix(in oklch shorter hue,#ff884e 35%,white 65%); }
.cCoral    { --title-color: rgba(255,116,104,.42); } .cCoralTitle    { color:#ff7468; } .cCoralText     { color:color-mix(in oklch shorter hue,#ff7468 35%,white 65%); }

/* GREYSCALE */
.cSilver   { --title-color: rgba(205,210,225,.42); } .cSilverTitle   { color:#cdd2e1; } .cSilverText    { color:color-mix(in oklch shorter hue,#cdd2e1 35%,white 65%); }
.cAsh      { --title-color: rgba(170,178,195,.42); } .cAshTitle      { color:#aab2c3; } .cAshText       { color:color-mix(in oklch shorter hue,#aab2c3 35%,white 65%); }
.cSlate    { --title-color: rgba(135,145,165,.42); } .cSlateTitle    { color:#8791a5; } .cSlateText     { color:color-mix(in oklch shorter hue,#8791a5 35%,white 65%); }
.cBronze   { --title-color: rgba(190,125,60 ,.42); } .cBronzeTitle   { color:#be7d3c; } .cBronzeText    { color:color-mix(in oklch shorter hue,#be7d3c 35%,white 65%); }

/* Earthy */
.cSand     { --title-color: rgba(210,182,130,.42); } .cSandTitle     { color:#d2b682; } .cSandText     { color:color-mix(in oklch shorter hue,#d2b682 35%,white 65%); }
.cTan      { --title-color: rgba(196,165,118,.42); } .cTanTitle      { color:#c4a576; } .cTanText      { color:color-mix(in oklch shorter hue,#c4a576 35%,white 65%); }
.cBeige    { --title-color: rgba(225,206,170,.42); } .cBeigeTitle    { color:#e1ceaa; } .cBeigeText    { color:color-mix(in oklch shorter hue,#e1ceaa 35%,white 65%); }