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

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

  /* font sizes */
  --text-md-normal-size: 1rem;
  --text-lg-medium-size: 1.13rem;
  --font-size-sm: 0.88rem;
  --font-size-13xl: 2rem;
  --font-size-3xl: 1.38rem;
  --font-size-21xl: 2.5rem;
  --font-size-xl: 1.25rem;
  --font-size-5xl: 1.5rem;

  /* Colors */
  --color-white: #fff;
  --gray-200: #e4e7ec;
  --gray-600: #475467;
  --gray-700: #344054;
  --color-royalblue-100: #377bff;
  --primary-600: #387aff;
  --color-slategray-100: #667085;
  --color-slategray-200: #5a6a82;
  --color-gray-100: #181818;
  --gray-900: #101828;
  --color-whitesmoke: #f2f4f7;
  --color-aliceblue: #f5fafe;

  /* Gaps */
  --gap-45xl: 4rem;
  --gap-13xl: 2rem;
  --gap-5xl: 1.5rem;
  --gap-base: 1rem;
  --gap-5xs: 0.5rem;
  --gap-xl: 1.25rem;
  --gap-37xl: 3.5rem;
  --gap-21xl: 2.5rem;
  --gap-53xl: 4.5rem;
  --gap-9xs: 0.25rem;
  --gap-43xl: 3.88rem;

  /* Paddings */
  --padding-45xl: 4rem;
  --padding-13xl: 2rem;
  --padding-141xl: 10rem;
  --padding-base: 1rem;
  --padding-77xl: 6rem;
  --padding-169xl: 11.75rem;
  --padding-xl: 1.25rem;
  --padding-5xl: 1.5rem;
  --padding-61xl: 5rem;
  --padding-21xl: 2.5rem;
  --padding-89xl: 6.75rem;
  --padding-109xl: 8rem;
  --padding-sm: 0.88rem;

  /* border radiuses */
  --br-base: 16px;
  --br-3xs: 10px;
  --br-5xs: 8px;
}