:root {
/* Green */
  --p1-10: #0E1A03;
  --p1-20: #20350C;
  --p1-30: #325016;
  --p1-40: #456B20;
  --p1-50: #58872A;
  --p1-60: #6CA433;
  --p1-70: #80C13D;
  --p1-80: #94E047;
  --p1-90: #BAF983;
  --p1-95: #DEFCC8;
  --p1-98: #F2FEEA;

  /* Blue */
  --s1-10: #090050;
  --s1-20: #18008E;
  --s1-30: #2700CB;
  --s1-40: #3620FF;
  --s1-50: #4A5EFF;
  --s1-60: #6985FF;
  --s1-70: #8DA6FF;
  --s1-80: #B2C4FF;
  --s1-90: #D8E2FF;
  --s1-95: #ECF0FF;
  --s1-98: #F7F9FF;

  /* Red */
  --s2-10: #2E040D;
  --s2-20: #560E1E;
  --s2-30: #7D1930;
  --s2-40: #A52642;
  --s2-50: #CC3756;
  --s2-60: #EB556F;
  --s2-70: #F68391;
  --s2-80: #FAAFB6;
  --s2-90: #FDD8DB;
  --s2-95: #FEECED;
  --s2-98: #FFF7F8;

  /* Grey */
  --g1-0: #000000;
  --g1-10: #161616;
  --g1-20: #2E2E2E;
  --g1-30: #464646;
  --g1-40: #5E5E5E;
  --g1-50: #777777;
  --g1-60: #919191;
  --g1-70: #ABABAB;
  --g1-80: #C7C7C7;
  --g1-90: #E2E2E2;
  --g1-95: #F1F1F1;
  --g1-98: #F9F9F9;
  --g1-100: #ffffff;
}