body {
  margin: 0;
  line-height: normal;
}

:root {
  /* fonts */
  --text-md-semibold: Inter;

  /* font sizes */
  --text-sm-regular-size: 14px;
  --text-md-semibold-size: 16px;

  /* Colors */
  --base-white: #fff;
  --gray-600: #475467;
  --gray-700: #344154;
  --blue-brand: #27518f;
  --gray-300: #d0d5dd;
  --color-gray: #101828;
  --gray-500: #667085;
  --hyivy-teal: #01959b;
  --brand-300: #67e3f9;
  --brand-700: #0e6f90;

  /* Gaps */
  --gap-21xl: 40px;
  --gap-13xl: 32px;
  --gap-base: 16px;
  --gap-5xs: 8px;
  --gap-7xs: 6px;
  --gap-9xs: 4px;

  /* Paddings */
  --padding-xl: 20px;
  --padding-97xl: 116px;
  --padding-159xl: 178px;
  --padding-5xs: 8px;
  --padding-11xs: 2px;
  --padding-smi: 13px;
  --padding-123xl: 142px;
  --padding-199xl: 218px;
  --padding-3xs: 10px;

  /* Border radiuses */
  --br-xs: 12px;
  --br-5xs: 8px;

  /* Effects */
  --shadows-shadow-xs: 0px 1px 2px rgba(16, 24, 40, 0.05);
}