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

/*-------------------------------------
  1. CSS Variables
--------------------------------------*/
:root {
  /*------Color variables------*/
  --amber_300: #fbd157;
  --black_900: #000000;
  --blue_gray_300: #90a4ae;
  --gray_300: #e2e2e2;
  --gray_500: #aaaaaa;
  --gray_500_01: #939393;
  --light_green_50: #efffe5;
  --light_green_800: #4a772f;
  --orange_300: #fcc24f;
  --orange_a100: #fdd078;
  --pink_900: #701010;
  --red_800: #bd3737;
  --red_800_01: #b93d33;
  --red_900: #7b150d;
  --red_900_01: #9d2222;
  --red_a700: #ff0000;
  --white_a700: #ffffff;
  --yellow_700: #feb527;
  --yellow_800: #fcaf21;
  --yellow_800_01: #f0a732;

  /*------Border radius variables------*/
  --radius-xs: 8px;

  /*------Spacing variables------*/
  --space-xs: 2px;
  --space-sm: 6px;
  --space-md: 12px;
  --space-lg: 14px;
  --space-xl: 20px;
  --space-2xl: 44px;
  --space-3xl: 48px;
}

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