:root {
  --main-color: #FF9800;
  --secondary-color :#CD7a00;
  --red: #D71547;
  --green: #88BC60;
  --white: #FFFFFF;
  --grey-pastel: #EBEBEB;
  --grey-light: #ACACAC;
  --grey: #777777;
  --grey-dark: #242323;
  --black: #000000;

  --green-disabled: rgba(136, 188, 96, 0.5);

  --shadow-16: rgba(0, 0, 0, 0.16);
  --shadow-26: rgba(0, 0, 0, 0.26);
  --shadow-36: rgba(0, 0, 0, 0.36);
  --shadow-38: rgba(0, 0, 0, 0.38);
  
  --bluegradient: linear-gradient(to right,  #FF9800, #ffac2f);

  --big-title: 24px;
  --page-title: 22px;
  --subtitle-text: 17px;
  --label: 15px;

  --big-title-xs: 18px;
  --page-title-xs: 16px;
  --subtitle-text-xs: 15px;
  --label-xs: 13px;

  --space: 20px;

  --xs: 10px;
  --s: 15px;
  --m: 20px;
  --l: 25px;
  --xl: 30px;
}