:root {
    /*------Color variables------*/
    --white_100: #FFF;
    --white_700: #FFFFFF;
    --close_icon: #FCFCFD;

    --black_1000: #181A1B;
    --black_800: #282525;
    --black_solid: #131A21;
    --black_700: #484343; 
    --black_100: #000000; 
    --black_200: #202939; 
    --black_300: #011813; 
    --black_900: #0B0A0B; 
    --black_1100: #151515;



    --yellow_100: #F4E509;
    --yellow_200: #FF881B;
    --yellow_500: #F8CC32;
    --yellow_600: #F6C20D;
    --yellow_700: #F9D559;
  
    --amber_300: #fed453;

    --gray_100: #7C7C7C;
    --gray_200: #E0E0E0;
    --gray_300: #C2C0C0;
    --gray_400: #A4A0A0;
    --gray_500: #EBEFF5;
    --gray_600: #676161;
    --gray_700: #484343;
    --gray_800: #CCCDEE;
    --gray_900: #E4E6E7;
    --gray_1000: #F0F0F0;
    --gray_1100: #4E5255;
    --gray_1200: #EEEEEE;
    --gray_1300: #F9F9F9;
    --gray-job-card: #FAFAFA;


    --red_100: #FB3748;
    
    --blue_gray_100: #d1d1c9;
    --blue_gray_100_01: #d8dcda;
    --blue_gray_600: #5f6a78;
    --video_border:#283235;
   
    --cyan_100: #66FBFB;
    --deep_purple_900: #10069f;
    --gray_100: #f5f6f3;
    --gray_100_01: #f6f4f1;

  /*------Text Size------*/
    --text-10: 10px;
    --text-12: 12px;
    --text-14: 14px;
    --text-15: 15px;
    --text-16: 16px;
    --text-18: 18px;
    --text-20: 20px;
    --text-22: 22px;
    --text-24: 24px;
    --text-28: 28px;
    --text-32: 32px;
    --text-36: 36px;
    --text-40: 40px;
    --text-42: 42px;
    --text-44: 44px;
    --text-48: 48px;
    --text-52: 52px;
    --text-54: 54px;
    --text-70: 70px;
  
    /*------Shadow variables------*/
    --shadow-xs: 0 12px 16px -4px #10182814;
    --shadow-sm: 0 13px 100px 0 #c7c7c73f;
  
    /*------Border radius variables------*/
    --radius-xs: 4px;
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 22px;
    --radius-2xl: 24px;
    --radius-3xl: 30px;
    --radius-4xl: 36px;
  
    /*------Spacing variables------*/
    --space-xs: 6px;
    --space-sm: 8px;
    --space-md: 12px;
    --space-lg: 14px;
    --space-xl: 16px;
    --space-2xl: 18px;
    --space-3xl: 22px;
    --space-4xl: 24px;
    --space-5xl: 26px;
    --space-6xl: 30px;
    --space-7xl: 32px;
    --space-8xl: 38px;
    --space-9xl: 40px;
    --space-10xl: 72px;
  }