:root {
  /*------Color variables------*/
  --amber_400: #ffc91d;
  --black_900_02: #0b0a0a;
  --black_900_03: #000000;
  --black_900_0a: #0000000a;
  --black_900_33: #00000033;
  --black_900_6b: #0000006b;
  --black_900_99: #00000099;
  --blue_100: #bbdefb;
  --blue_500: #2196f3;
  --cyan_100: #b2ebf2;
  --cyan_500: #00bcd4;
  --deep_purple_400: #895ece;
  --gray_100_02: #f5f6fa;
  --gray_700_01: #58595b;
  --gray_700_03: #5c5c5c;
  --gray_700_09: #616161;
  --gray_700_10: #5e5e5e;
  --gray_800_02: #414042;
  --gray_800_05: #424242;
  --gray_900: #221f1f;
  --green_100: #c8e6c9;
  --green_500: #4caf50;
  --green_a700: #00c853;
  --indigo_900: #3a1f65;
  --orange_100_03: #ffe0b2;
  --orange_400_01: #ffa91a;
  --orange_500: #ff9800;
  --orange_500_01: #fe990d;
  --purple_100: #e1bee7;
  --purple_500: #9c27b0;
  --teal_200: #80cbc4;
  --teal_900: #004d40;
  --white_a700_02: #ffffff;
  --yellow_100_02: #fff9c4;
  --yellow_700_01: #fbc02d;
  --yellow_900: #f79219;
  --yellow_900_04: #ef7816;
  --black_600: #656d76;
  --gray_shadow: #00000029;

  /*------Shadow variables------*/
  --shadow-xs: 0 3px 1px -2px #00000033;
  --shadow-sm: 0 0 13px 5px #00000029;

  /*------Border radius variables------*/
  --radius-xs: 8px;
  --radius-sm: 14px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 24px;

  /*------Spacing variables------*/
  --space-xs: 2px;
  --space-sm: 6px;
  --space-md: 8px;
  --space-lg: 12px;
  --space-xl: 16px;
  --space-2xl: 20px;
  --space-3xl: 30px;
  --space-4xl: 38px;
}