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

/*-------------------------------------
  1. CSS Variables
--------------------------------------*/
:root {
    /*------Color variables------*/
    --gray_900: #101828;
    --gray_700: #364153;
    --white: #ffffff;
    --slate_900: #0f172b;
    --amber_a400: #ffcc02;
    --black_900: #000000;
    --white_a700_7f: #ffffff7f;
    --black_900_bf: #000000bf;
    --indigo_800: #253d8f;
    --indigo_800_cc: #253d8fcc;
    --white_a700_cc: #ffffffcc;
    --white_a700_0c: #ffffff0c;
    --amber_a400_33: #ffcc0233;
    --amber_a400_00: #ffcc0200;
    --cyan_a200: #00fff5;
    --cyan_a200_33: #00fff633;
    --cyan_a200_01: #00fff6;
    --cyan_a200_00: #00fff600;
    --indigo_900: #000084;
    --teal_900: #012444;
    --blue_gray_900: #1a2451;
    --blue_200: #97c2f9;
    --blue_800: #254cd0;
    --blue_a700: #2d60e3;
    --indigo_700: #243fa9;
    --blue_a200: #437eee;
    --blue_300: #66a1f4;
    --black_900_e5: #000000e5;
    --gray_100: #f0f6fe;
  
    /*------Border radius variables------*/
    --radius-xs: 2px;
    --radius-sm: 6px;
    --radius-md: 20px;
    --radius-lg: 24px;
    --radius-xl: 36px;
  
    /*------Spacing variables------*/
    --space-xs: 8px;
    --space-sm: 10px;
    --space-md: 22px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 34px;
    --space-3xl: 40px;
    --space-4xl: 42px;
    --space-5xl: 46px;
    --space-6xl: 50px;
    --space-7xl: 70px;
    --space-8xl: 80px;
    --space-9xl: 100px;
    --space-10xl: 110px;
    --space-11xl: 124px;
    --space-12xl: 156px;
    --space-13xl: 160px;
    --space-14xl: 198px;
  }
  
  /*-------------------------------------
    2. Utility CSS
  --------------------------------------*/
  .flex-col-center-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
  
  .flex-col-end-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
  }
  
  .flex-col-center-start {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
  }