:root {
  --white: #fff;
  --light-gray: #edeff2;
  --vasil: #3c79f5;
  --vasil-80: rgba(60, 121, 245, 0.8);
  --erl-gray: #454857;
  --erl-gray-70: rgba(69, 72, 87, 0.7);
  --erl-gray-50: rgba(69, 72, 87, 0.5);
  --dark-blue: #566178;
  --dark-blue-60: rgba(86, 97, 120, 0.6);
  --dark-blue-16: rgba(81, 98, 126, 0.16);
  --background: #fafafa;
}

/*
 * Fontweihts
 */
:root {
  --fw-bold: 600;
  --fw-semi: 500;
  --fw-normal: 400;
}

/*
  * Fontsizes mobile
 */
:root {
  --fs-h1: 28px;
  --fs-body-1: 16px;
  --fs-body-2: 14px;
  --fs-small: 12px;
  --lh-h1: 40px;
  --lh-body-1: 24px;
  --lh-body-2: 18px;
  --lh-small: 16px;
}

/*
 * Fontsizes tablet
 */
@media (min-width: 768px) {
  :root {
    --fs-h1: 28px;
    --fs-body-1: 16px;
    --fs-body-2: 14px;
    --fs-small: 12px;
  }
}

/*
 * Fontsizes Desktop
 */
@media (min-width: 1024px) {
  :root {
    --fs-h1: 48px;
    --fs-h2: 32px;
    --fs-h3: 26px;
    --fs-body-1: 18px;
    --fs-body-2: 16px;
    --lh-h1: 72px;
    --lh-h2: 44px;
    --lh-h3: 32px;
    --lh-body: 24px;
  }
}

:root {
  --ff-poppins: 'Poppins', sans-serif;
}