:root {
  /* fonts */
  --body-large-regular: "Open Sans";
  --headline-h1: Montserrat;

  /* font sizes */
  --font-size-2xs: 10.36px;
  --font-size-xs: 12px;
  --body-small-regular-size: 14px;
  --body-regular-regular-size: 16px;
  --body-large-regular-size: 18px;
  --headline-h2-size: 48px;
  --headline-h1-size: 56px;

  /* Colors */
  --greys-white: #fefdfb;
  --greys-lighter: #ececef;
  --greys-medium: #9191a1;
  --greys-black: #121215;
  --primary: #986ac2;
  --color-black: #000;
  --tint-tertiary: #e1eee4;
  --color-white: #fff;

  /* Gaps */
  --gap-xs: 11.65px;
  --gap-sm: 12px;
  --gap-md: 24px;
  --gap-lg: 25px;
  --gap-xl: 120px;

  /* Paddings */
  --padding-3xs: 2.5888078212738037px;
  --padding-2xs: 4px;
  --padding-xs: 5.177615642547607px;
  --padding-sm: 8px;
  --padding-md: 12px;
  --padding-lg: 16px;
  --padding-xl: 18px;
  --padding-2xl: 24px;

  /* border radiuses */
  --br-sm: 2.59px;
  --br-md: 8px;
  --br-lg: 100px;
}