/* Figma Styles of your File */
:root {
  /* Colors */
  --white: #ffffff;

  --textdark: #2c2c62;
  --purple-accent: #7272ec;
  --light-purple: #cfd5f6;
  --extra-light-purple: #ebe9fe;
  --dark-purple: #4a4a8d;
  --extra-dark-purple: #2c2c62;
  --accent-color-light: #7272ec;

  --logo-color-light: #7272ec;
  --title-text-color-light: #4a4a8d;
  --textwhite: #ffffff;
  --card-bg-light: #ebe9fe;
  --inputfieldbg: #ffffff;
  --secondary-text: #cbcbcb;
  --accent-secondary: #a5aee1;

  /* Fonts */
  /* Headings */
  --h1-font-family: "Circe-Bold", sans-serif;
  --h1-font-size: 54px;
  --h1-line-height: 130%;
  --h1-font-weight: 700;

  --h2-font-family: "Circe-Bold", sans-serif;
  --h2-font-size: 43px;
  --h2-line-height: 130%;
  --h2-font-weight: 700;

  --h3-font-family: "Circe-Bold", sans-serif;
  --h3-font-size: 34px;
  --h3-line-height: 130%;
  --h3-font-weight: 700;

  --h4-font-family: "Circe-Bold", sans-serif;
  --h4-font-size: 28px;
  --h4-line-height: 130%;
  --h4-font-weight: 700;

  --h5-font-family: "Circe-Bold", sans-serif;
  --h5-font-size: 24px;
  --h5-line-height: 130%;
  --h5-font-weight: 700;

  /* Body text */
  --body-font-family: "Comfortaa", sans-serif;
  --body-font-size: 22px;
  --body-line-height: 130%;
  --body-font-weight: 400;

  --body-2-font-family: "Comfortaa", sans-serif;
  --body-2-font-size: 20px;
  --body-2-line-height: 130%;
  --body-2-font-weight: 400;

  --body-3-font-family: "Comfortaa", sans-serif;
  --body-3-font-size: 16px;
  --body-3-line-height: 130%;
  --body-3-font-weight: 400;

  /* UI Elements */
  --button-font-family: "Circe-Bold", sans-serif;
  --button-font-size: 14px;
  --button-font-height: 130%;
  --button-font-weight: 700;

  --button-large-font-family: "Circe-Bold", sans-serif;
  --button-large-font-size: 18px;
  --button-large-font-height: 130%;
  --button-large-font-weight: 700;

  --text-bold-font-family: "Circe-Bold", sans-serif;
  --text-bold-font-size: 14px;
  --text-bold-font-height: 130%;
  --text-bold-font-weight: 400;

  --text-font-family: "Circe-Regular", sans-serif;
  --text-font-size: 14px;
  --text-font-height: 130%;
  --text-font-weight: 400;

  --small-button-font-family: "Circe-Bold", sans-serif;
  --small-button-font-size: 14px;
  --small-button-line-height: 130%;
  --small-button-font-weight: 700;

  --menu-font-family: "Circe-Bold", sans-serif;
  --menu-font-size: 16px;
  --menu-font-height: 130%;
  --menu-font-weight: 700;

  --header-3-font-family: "Circe-Bold", sans-serif;
  --header-3-font-size: 16px;
  --header-3-line-height: 130%;
  --header-3-font-weight: 700;

  --filter-text-font-family: "Comfortaa-Bold", sans-serif;
  --filter-text-font-size: 12px;
  --filter-text-line-height: 130%;
  --filter-text-font-weight: 700;

  --filter-small-text-font-family: "Comfortaa-Bold", sans-serif;
  --filter-small-text-font-size: 10px;
  --filter-small-text-line-height: 130%;
  --filter-small-text-font-weight: 700;

  /* Effects */
}