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

:root {
  /* fonts */
  --font-plus-jakarta-sans: "Plus Jakarta Sans";
  --font-inter: Inter;

  /* font sizes */
  --font-size-3xs: 10px;
  --font-size-9xl: 28px;
  --font-size-xs: 12px;
  --font-size-base: 16px;
  --font-size-sm: 14px;
  --font-size-5xl: 24px;

  /* Colors */
  --color-white: #fff;
  --color-silver: #c4c4c4;
  --color-darkslategray: #2d3748;
  --color-gray-100: #121212;
  --color-gray-200: #0d062d;
  --color-seagreen-100: #008057;
  --color-slategray: #787486;

  /* Gaps */
  --gap-9xs: 4px;
  --gap-sm: 14px;

  /* Paddings */
  --padding-5xs: 8px;
  --padding-xs: 12px;
  --padding-base: 16px;
  --padding-8xl: 27px;

  /* border radiuses */
  --br-xs: 12px;
  --br-15xl: 34px;
}