// color
$white_fff: #FFFFFF;
$white_4f4: #f4f4f4;
$white_afa: #FAFAFA;
$black_00A: #0000000A;
$black_000: #000;
$black_04d: #0000004d;
$black_523: #131523;
$black_919: #191919;
$black_021: #202021;
$black_b4e: #4B4B4E;
$black_757: #595757;
$black_343: #434343;
$black_c2f: #221C2F;
$gray_029:#00000029;
$gray_3de: #333333de;
$black_333: rgb(12, 4, 4);
$black_f33: #2f2f33;
$black_f33_60: #2e2e3399;
$gray_444: #444;
$gray_b4b: #4b4b4b;
$gray_a60: #5a5a60;
$gray_a5a: #A5A5A5;
$gray_666: #666;
$gray_070: #707070;
$gray_979: #797979;
$gray_b9b: #B9B9B9;
$gray_d8d: #8d8d8d;
$gray_898: #989898;
$gray_29d: #92929d;
$gray_5b5: #b5b5b5;
$gray_2f2: #f2f2f2;
$gray_afe: #EAEAEF;
$gray_f00: #FFFFFF00;
$gray_f80: #ffffff80;
$gray_1b1: #b1b1b1;
$gray_2a2: #a2a2a2;
$gray_bcb: #dbdbdb;
$gray_f9f: #9F9F9F;
$gray_e33: #9e9e9e33;
$gray_066: #00000066;
$gray_00b: #0000000B;
$gray_00d: #0000000D;
$gray_014: #00000014;
$gray_034: #00000034;
$gray_380: #2e2e3380;
$gray_4d5: #d4d4d5;
$gray_ccc: #ccc;
$gray_6e6: #e6e6e6;
$gray_3d3: #d3d3d3;
$gray_ddd: #ddd;
$gray_edf: #dededf;
$gray_ded: #EDEDED;
$gray_ede: #DEDEDE;
$gray_9dd: #D0D9DD;
$gray_01a: #0000001A;
$gray_0f0: #f0f0f0;
$gray_3f4: #F0F3F4;
$gray_2f2: #f2f2f2;
$pink_af1: #CF7AF1;
$pink_4a5: #FC44A5;
$pink_fde: #D12FDE;
$violet_feb: #725FEB;
$violet_b1a: #725feb1a;
$violet_b1f: #725feb1f;
$violet_b0d: #725feb0d;
$violet_ceb: #627CEB;
$violet_bf5: #8B7BF5;
$blue_353: #3D3353;
$blue_8ff: #0058ff;
$blue_eeb: #453EEB;
$blue_b4d: #7360eb4d;
$blue_2ff: #0062ff;
$blue_8b4: #1f78b4;
$blue_5d0: #2185d0;
$blue_9e8: #6fc9e8;
$blue_3f2: #7DB3F2;
$blue_3f2: #7db3f2;
$yellow_f00: #ffff00;
$yellow_a18: #FDDA18;
$green_464: #1fb464;
$orange_b36: #ff8b36;
$orange_320: #E09320;
$red_000: #ff0000;
$red_01f: #EA001F;








// breakpoints
$mobile-width: 425px;
$tablet-width: 768px;
$desktop-md-width: 992px;
$desktop-lg-width: 1200px;
$desktop-xl-width: 1500px;