:root {
  --primary: rgba(22, 66, 131, 1);
  --primary-hover: #194b95;
  --secondary: rgba(250, 108, 81, 1);
  --primary-text: rgba(13, 21, 91, 1);
  --secondary-text: rgba(148, 155, 184, 1);
  --basewhite: rgba(255, 255, 255, 1);
  --baseblack: rgba(0, 0, 0, 1);
  --gray-25: rgba(252, 252, 253, 1);
  --gray-50: rgba(249, 250, 251, 1);
  --gray-100: rgba(242, 244, 247, 1);
  --gray-200: rgba(234, 236, 240, 1);
  --gray-300: rgba(208, 213, 221, 1);
  --gray-400: rgba(152, 162, 179, 1);
  --gray-500: rgba(102, 112, 133, 1);
  --gray-600: rgba(71, 84, 103, 1);
  --gray-700: rgba(52, 64, 84, 1);
  --gray-800: rgba(29, 41, 57, 1);
  --gray-900: rgba(16, 24, 40, 1);
  --gits-colorblue25: rgba(238, 251, 255, 1);
  --gits-colorblue50: rgba(216, 238, 253, 1);
  --gits-colorblue100: rgba(197, 229, 253, 1);
  --gits-colorblue200: rgba(157, 212, 251, 1);
  --gits-colorblue300: rgba(118, 195, 249, 1);
  --gits-colorblue400: rgba(79, 177, 248, 1);
  --gits-colorblue500: rgba(40, 160, 246, 1);
  --gits-colorblue600: rgba(9, 132, 221, 1);
  --gits-colorblue700: rgba(7, 100, 167, 1);
  --gits-colorblue800: rgba(5, 68, 113, 1);
  --gits-colorblue900: rgba(2, 35, 59, 1);
  --gits-colororange25: rgba(255, 249, 245, 1);
  --gits-colororange50: rgba(255, 244, 237, 1);
  --gits-colororange100: rgba(255, 231, 213, 1);
  --gits-colororange200: rgba(254, 202, 170, 1);
  --gits-colororange300: rgba(253, 160, 108, 1);
  --gits-colororange400: rgba(251, 117, 60, 1);
  --gits-colororange500: rgba(249, 80, 22, 1);
  --gits-colororange600: rgba(234, 54, 12, 1);
  --gits-colororange700: rgba(194, 37, 12, 1);
  --gits-colororange800: rgba(154, 31, 18, 1);
  --gits-colororange900: rgba(124, 29, 18, 1);
  --gits-colorgreen25: rgba(246, 253, 249, 1);
  --gits-colorgreen50: rgba(241, 252, 245, 1);
  --gits-colorgreen100: rgba(222, 250, 234, 1);
  --gits-colorgreen200: rgba(190, 244, 212, 1);
  --gits-colorgreen300: rgba(139, 234, 178, 1);
  --gits-colorgreen400: rgba(82, 214, 137, 1);
  --gits-colorgreen500: rgba(39, 174, 96, 1);
  --gits-colorgreen600: rgba(29, 156, 83, 1);
  --gits-colorgreen700: rgba(26, 123, 67, 1);
  --gits-colorgreen800: rgba(26, 97, 57, 1);
  --gits-colorgreen900: rgba(23, 80, 49, 1);
  --gits-colorred50: rgba(254, 242, 242, 1);
  --gits-colorred25: rgba(255, 251, 251, 1);
  --gits-colorred100: rgba(253, 227, 227, 1);
  --gits-colorred200: rgba(252, 204, 204, 1);
  --gits-colorred300: rgba(249, 168, 168, 1);
  --gits-colorred400: rgba(244, 117, 117, 1);
  --gits-colorred500: rgba(235, 87, 87, 1);
  --gits-colorred600: rgba(214, 44, 44, 1);
  --gits-colorred700: rgba(180, 33, 33, 1);
  --gits-colorred800: rgba(149, 31, 31, 1);
  --gits-colorred900: rgba(124, 32, 32, 1);
  --success-500: rgba(18, 183, 106, 1);
  --primary-700: rgba(7, 100, 167, 1);
  --primary-800: rgba(5, 68, 113, 1);
  --primary-300: rgba(118, 195, 249, 1);
  --text-sm-regular-font-family: "Poppins-Regular", Helvetica;
  --text-sm-regular-font-weight: 400;
  --text-sm-regular-font-size: 14px;
  --text-sm-regular-letter-spacing: 0px;
  --text-sm-regular-line-height: 20px;
  --text-sm-regular-font-style: normal;
  --text-sm-semibold-font-family: "Poppins-SemiBold", Helvetica;
  --text-sm-semibold-font-weight: 600;
  --text-sm-semibold-font-size: 14px;
  --text-sm-semibold-letter-spacing: 0px;
  --text-sm-semibold-line-height: 20px;
  --text-sm-semibold-font-style: normal;
  --text-xs-regular-font-family: "Poppins-Regular", Helvetica;
  --text-xs-regular-font-weight: 400;
  --text-xs-regular-font-size: 12px;
  --text-xs-regular-letter-spacing: 0px;
  --text-xs-regular-line-height: 18px;
  --text-xs-regular-font-style: normal;
  --focus-ring-4px-primary-100: 0px 0px 0px 4px rgba(244, 235, 255, 1);
  --focus-ring-4px-gray-100: 0px 0px 0px 4px rgba(242, 244, 247, 1);
  --focus-ring-4px-error-100: 0px 0px 0px 4px rgba(254, 228, 226, 1);
  --focus-ring-4px-gray-500: 0px 0px 0px 4px rgba(102, 112, 133, 1);
  --focus-ring-4px-primary-500: 0px 0px 0px 4px rgba(158, 119, 237, 1);
  --shadow-xs: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --shadow-xs-focused-4px-primary-100: 0px 0px 0px 4px rgba(244, 235, 255, 1), 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --shadow-xs-focused-4px-gray-100: 0px 0px 0px 4px rgba(242, 244, 247, 1), 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --shadow-xs-focused-4px-error-100: 0px 0px 0px 4px rgba(254, 228, 226, 1), 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
  --shadow-sm: 0px 1px 2px 0px rgba(16, 24, 40, 0.06), 0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  --shadow-sm-focused-4px-primary-100: 0px 0px 0px 4px rgba(244, 235, 255, 1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06),
    0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  --shadow-sm-focused-4px-gray-100: 0px 0px 0px 4px rgba(242, 244, 247, 1), 0px 1px 2px 0px rgba(16, 24, 40, 0.06),
    0px 1px 3px 0px rgba(16, 24, 40, 0.1);
  --shadow-md: 0px 2px 4px -2px rgba(16, 24, 40, 0.06), 0px 4px 8px -2px rgba(16, 24, 40, 0.1);
  --shadow-lg: 0px 4px 6px -2px rgba(16, 24, 40, 0.03), 0px 12px 16px -4px rgba(16, 24, 40, 0.08);
  --shadow-xl: 0px 8px 8px -4px rgba(16, 24, 40, 0.03), 0px 20px 24px -4px rgba(16, 24, 40, 0.08);
  --shadow-2xl: 0px 24px 48px -12px rgba(16, 24, 40, 0.18);
  --shadow-3xl: 0px 32px 64px -12px rgba(16, 24, 40, 0.14);
  --shadow-portfolio-mockup-main-centre-md: 0px 75px 150px 0px rgba(52, 64, 84, 0.14);
  --shadow-portfolio-mockup-main-centre-lg: 0px 100px 200px 0px rgba(52, 64, 84, 0.18);
  --shadow-portfolio-mockup-overlay-right-lg: -100px 100px 150px 0px rgba(52, 64, 84, 0.12);
  --shadow-portfolio-mockup-overlay-left-lg: 100px 100px 150px 0px rgba(52, 64, 84, 0.12);
  --shadow-portfolio-mockup-grid-shadow-md: 32px 32px 64px 0px rgba(52, 64, 84, 0.08);
}