:root {
  /* fonts */
  --font-inter: Inter;
  --font-roboto: Roboto;
  --font-jost: Jost;

  /* font sizes */
  --font-size-6xs: 5.71px;
  --font-size-5xs: 6.86px;
  --font-size-4xs: 6.67px;
  --font-size-3xs: 8px;
  --font-size-2xs: 9.14px;
  --font-size-xs: 9.66px;
  --font-size-sm: 10px;
  --font-size-base: 12px;
  --font-size-lg: 13.33px;
  --font-size-xl: 14px;
  --font-size-2xl: 16px;

  /* Colors */
  --white: #fff;
  --gray-1: #333;
  --gray-4: #bdbdbd;
  --tiles-bg: #fbfbfb;
  --gray-3: #828282;
  --black1: #000;
  --gray-5: #e0e0e0;
  --primary: #00a6c5;
  --background: rgba(0, 166, 197, 0.05);
  --color-lavender: #f6ebff;
  --color-darkorchid: #bb64ff;
  --color-aliceblue: #edfaff;
  --fresh-blue: #36c5f5;
  --color-snow: #fff8f6;
  --color-salmon: #ff7a7a;
  --green-2: #27ae60;

  /* Gaps */
  --gap-4xs: 1.64px;
  --gap-3xs: 2.22px;
  --gap-2xs: 3.28px;
  --gap-xs: 4px;
  --gap-sm: 5.62px;
  --gap-md: 6.55px;
  --gap-lg: 8px;
  --gap-xl: 9.83px;
  --gap-2xl: 12px;
  --gap-3xl: 16px;
  --gap-4xl: 24px;

  /* Paddings */
  --padding-7xs: 3.276968002319336px;
  --padding-6xs: 3.8095240592956543px;
  --padding-5xs: 3.4666662216186523px;
  --padding-4xs: 3.9123048782348633px;
  --padding-3xs: 4.018518924713135px;
  --padding-2xs: 5.868457317352295px;
  --padding-xs: 6.553936004638672px;
  --padding-sm: 6.442953109741211px;
  --padding-md: 7.619048118591309px;
  --padding-lg: 8.19242000579834px;
  --padding-xl: 8.666666030883789px;
  --padding-2xl: 8.03703784942627px;
  --padding-3xl: 12px;
  --padding-4xl: 12.885906219482422px;
  --padding-5xl: 13.107872009277344px;
  --padding-6xl: 16px;
  --padding-7xl: 64px;

  /* border radiuses */
  --br-6xs: 1.64px;
  --br-5xs: 1.9px;
  --br-4xs: 3.28px;
  --br-3xs: 3.22px;
  --br-2xs: 3.91px;
  --br-xs: 4.57px;
  --br-sm: 4.02px;
  --br-md: 5.2px;
  --br-lg: 6px;
  --br-xl: 6.88px;
  --br-2xl: 9.83px;
  --br-3xl: 10.4px;
  --br-4xl: 10.84px;
  --br-5xl: 16px;
}