/*
  These styles demonstrate how you could use classes to set text color. Works
  when Style Selector's 'text icon' is enabled, and the 'alpha grid' is
  disabled. CSS sampled from http://tailwindcss.com/docs/text-color.

  Sample 'Allowed values' for a Style list field:
    text-neutral-500|Neutral
    text-red-500|Red
    text-orange-500|Orange
    text-amber-500|Amber
    text-yellow-500|Yellow
    text-lime-500|Lime
    text-green-500|Green
    text-emerald-500|Emerald
    text-teal-500|Teal
    text-cyan-500|Cyan
    text-sky-500|Sky
    text-indigo-500|Indigo
    text-violet-500|Violet
    text-purple-500|Purple
    text-fuchsia-500|Fuchsia
    text-pink-500|Pink
*/
.text-neutral-500 {
  color: rgb(115 115 115);
}
.text-red-500 {
  color: rgb(239 68 68);
}
.text-orange-500 {
  color: rgb(249 115 22);
}
.text-amber-500 {
  color: rgb(245 158 11);
}
.text-yellow-500 {
  color: rgb(234 179 8);
}
.text-lime-500 {
  color: rgb(132 204 22);
}
.text-green-500 {
  color: rgb(34 197 94);
}
.text-emerald-500 {
  color: rgb(16 185 129);
}
.text-teal-500 {
  color: rgb(20 184 166);
}
.text-cyan-500 {
  color: rgb(6 182 212);
}
.text-sky-500 {
  color: rgb(14 165 233);
}
.text-indigo-500 {
  color: rgb(99 102 241);
}
.text-violet-500 {
  color: rgb(139 92 246);
}
.text-purple-500 {
  color: rgb(168 85 247);
}
.text-fuchsia-500 {
  color: rgb(217 70 239);
}
.text-pink-500 {
  color: rgb(236 72 153);
}
