```css
: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: #64b5f6;
  --color-blue-2: rgb(66, 165, 245);
  --color-blue-3: #2196f3;
  /* 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: #a4b0be;
  --color-grey-3: #86909b;
  /* inverse */
  --color-dark-a: rgba(87, 96, 111, 0.35);
  --color-dark-1: #57606f;
  --color-dark-2: #3c4d5e;
  --color-dark-3: #323f4d;
}
```