\--red: #e54d42;
\--orange: #f37b1d;
\--yellow: #fbbd08;
\--olive: #8dc63f;
\--green: #39b54a;
\--cyan: #1cbbb4;
\--blue: #0081ff;
\--purple: #6739b6;
\--mauve: #9c26b0;
\--pink: #e03997;
\--brown: #a5673f;
\--grey: #8799a3;
\--black: #333333;
\--darkGray: #666666;
\--gray: #aaaaaa;
\--ghostWhite: #f1f1f1;
\--white: #ffffff;
/\* 淺色 \*/
\--redLight: #fadbd9;
\--orangeLight: #fde6d2;
\--yellowLight: #fef2ce;
\--oliveLight: #e8f4d9;
\--greenLight: #d7f0db;
\--cyanLight: #d2f1f0;
\--blueLight: #cce6ff;
\--purpleLight: #e1d7f0;
\--mauveLight: #ebd4ef;
\--pinkLight: #f9d7ea;
\--brownLight: #ede1d9;
\--greyLight: #e7ebed;
/\* 漸變色 \*/
\--gradualRed: linear-gradient(45deg, #f43f3b, #ec008c);
\--gradualOrange: linear-gradient(45deg, #ff9700, #ed1c24);
\--gradualGreen: linear-gradient(45deg, #39b54a, #8dc63f);
\--gradualPurple: linear-gradient(45deg, #9000ff, #5e00ff);
