/*=========== TABLE OF CONTENTS ===========
1. CSS Variables
2. Utility CSS
==========================================*/

/*-------------------------------------
  1. CSS Variables
--------------------------------------*/
:root {
  /*------Color variables------*/
  --amber_700: #ffa500;
  --black_900: #0b0a0a;
  --black_900_01: #000000;
  --black_900_33: #00000033;
  --black_900_3a: #0000003a;
  --black_900_99: #00000099;
  --blue_700: #2082cb;
  --blue_800: #005cb9;
  --blue_gray_800: #1d3660;
  --cyan_400: #1ecad3;
  --cyan_800: #006d8d;
  --deep_purple_100: #d0bfeb;
  --deep_purple_200: #b89fe1;
  --deep_purple_300: #a17ed8;
  --deep_purple_50: #e7dff5;
  --gray_50: #f9f9f9;
  --gray_50_01: #fafafa;
  --gray_600: #848484;
  --indigo_700: #375389;
  --indigo_900: #173a79;
  --indigo_900_01: #3a1f65;
  --indigo_900_7f: #3a1f657f;
  --orange_50: #ffeed7;
  --orange_500: #fe990d;
  --purple_900: #4c2985;
  --red_a700: #d60812;
  --white_a700: #ffffff;
  --white_a700_cc: #ffffffcc;

  /*------Shadow variables------*/
  --shadow-xs: 0 4px 9px 0 #00000033;
  --shadow-sm: 0 3px 1px -2px #00000033;

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

  /*------Spacing variables------*/
  --space-xs: 8px;
  --space-sm: 10px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 22px;
  --space-2xl: 32px;
  --space-3xl: 40px;
}

/*-------------------------------------
  2. Utility CSS
--------------------------------------*/
.flex-col-center-center {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}