:root {
  --radius_l: 16px;
  --radius_m: 8px;
  --radius_s: 4px;

  --pad_1: 4px;
  --pad_2: 8px;
  --pad_3: 12px;
  --pad_4: 16px;
  --pad_5: 20px;
  --pad_6: 24px;
  --pad_7: 28px;
  --pad_8: 32px;

  --clr__grey_1: #292929;
  --clr__grey_2: #535961;
  --clr__grey_3: #86929A;
  --clr__grey_4: #AAADB2;
  --clr__grey_5: #C4C4C4;
  --clr__grey_6: #D1D1D1;
  --clr__grey_7: #E9E9E9;
  --clr__grey_8: #F3F3F3;

  --clr__yellow_1: #FFC200;
  --clr__yellow_2: #FFCD02;
  --clr__yellow_3: #FED155;
  --clr__yellow_4: #FDEDA2;

  --clr__orange_1: #F39200;
  --clr__orange_2: #F59B0A;
  --clr__orange_3: #F3A014;
  --clr__orange_4: #F1B821;
  --clr__orange_5: #FFB800;

  --clr__red_1: #AD491D;
  --clr__red_2: #E12F2B;
  --clr__red_3: #F24D36;
  --clr__red_4: #E36026;
  --clr__red_5: #F0633B;
  --clr__red_6: #FF8562;

  --clr__blue_9: #F4F3F8;
}