:root {
  /* primary */
  --color-teal-a: rgba(72, 201, 176, 0.35);
  --color-teal-1: rgb(72, 201, 176);
  --color-teal-2: rgb(26, 188, 156);
  --color-teal-3: rgb(22, 160, 133);
  /* success */
  --color-green-a: rgba(70, 221, 126, 0.35);
  --color-green-1: rgb(70, 221, 126);
  --color-green-2: rgb(47, 208, 105);
  --color-green-3: rgb(26, 196, 88);
  /* info */
  --color-blue-a: rgba(100, 181, 246, 0.35);
  --color-blue-1: rgb(100, 181, 246);
  --color-blue-2: rgb(66, 165, 245);
  --color-blue-3: rgb(33, 150, 243);
  /* danger */
  --color-red-a: rgba(252, 118, 97, 0.35);
  --color-red-1: rgb(252, 118, 97);
  --color-red-2: rgb(255, 95, 69);
  --color-red-3: rgb(243, 62, 34);
  /* warning */
  --color-orange-a: rgba(255, 211, 66, 0.35);
  --color-orange-1: rgb(255, 211, 66);
  --color-orange-2: rgb(254, 196, 1);
  --color-orange-3: rgb(245, 189, 7);
  /* default1 */
  --color-plain-a: rgba(150, 204, 248, 0.35);
  --color-plain-1: rgb(242, 245, 252);
  --color-plain-2: rgb(232, 235, 244);
  --color-plain-3: rgb(218, 225, 233);
  /* default2 */
  --color-grey-a: rgba(206, 214, 224, 0.35);
  --color-grey-1: rgb(206, 214, 224);
  --color-grey-2: rgb(164, 176, 190);
  --color-grey-3: rgb(134, 144, 155);
  /* inverse */
  --color-dark-a: rgba(87, 96, 111, 0.35);
  --color-dark-1: rgb(87, 96, 111);
  --color-dark-2: rgb(60, 77, 94);
  --color-dark-3: rgb(50, 63, 77);
}