:root {
  /*------Color variables------*/
  --black_900: #0b0a0a;
  --black_900_19: #00000019;
  --black_900_1e: #0000001e;
  --black_900_33: #00000033;
  --black_900_3a: #0000003a;
  --black_900_6b: #0000006b;
  --black_900_dd: #000000dd;
  --deep_orange_500: #f06423;
  --deep_purple_400: #895ece;
  --gray_100: #f5f6fa;
  --gray_50: #fafafa;
  --gray_700: #5e5e5e;
  --green_a700: #00c853;
  --indigo_400: #4182c3;
  --indigo_900: #3a1f65;
  --light_blue_400: #23aae6;
  --orange_500: #fe990d;
  --orange_500_14: #fe990d14;
  --red_700: #d32f2f;
  --teal_50: #d7e6f0;
  --white_a700: #ffffff;
  --yellow_800: #faa019;
  --yellow_a700: #ffd205;
  --black_A700_01: #000000;
  --black_600: #656d76;
  --gray_shadow: #00000029;

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

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

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