/* Figma Styles of your File */
:root {
  /* Colors */
  --sample-color: rgba(237, 216, 255, 0.5);
  --gray-white: #ffffff;
  --gray-50: #f0f1f3;
  --gray-100: #e6e8eb;
  --gray-200: #c3c7ce;
  --gray-300: #a5acb5;
  --gray-400: #87909d;
  --gray-500: #697484;
  --gray-600: #556070;
  --gray-700: #424e60;
  --gray-800: #2b384c;
  --gray-900: #132238;
  --primary-100: #edd8ff;
  --primary-200: #dbb1ff;
  --primary-300: #c98bff;
  --primary-400: #b764ff;
  --primary-500: #a53dff;
  --primary-600: #8431cc;
  --primary-700: #632599;
  --primary-800: #421866;
  --primary-900: #210c33;

  /* Fonts */
  --display-font-family: WorkSans-SemiBold, sans-serif;
  --display-font-size: 64px;
  --display-line-height: 84px;
  --display-font-weight: 600;
  --display-font-style: normal;
  --undefined-font-family: BeVietnamPro-Bold, sans-serif;
  --undefined-font-size: 14px;
  --undefined-line-height: normal;
  --undefined-font-weight: 700;
  --undefined-font-style: normal;
  --undefined-font-family: BeVietnamPro-Bold, sans-serif;
  --undefined-font-size: 14px;
  --undefined-line-height: normal;
  --undefined-font-weight: 700;
  --undefined-font-style: normal;
  --undefined-font-family: BeVietnamPro-Bold, sans-serif;
  --undefined-font-size: 14px;
  --undefined-line-height: normal;
  --undefined-font-weight: 700;
  --undefined-font-style: normal;
  --body-thin-600-font-family: WorkSans-SemiBold, sans-serif;
  --body-thin-600-font-size: 12px;
  --body-thin-600-line-height: 16px;
  --body-thin-600-font-weight: 600;
  --body-thin-600-font-style: normal;
  --body-thin-500-font-family: WorkSans-Medium, sans-serif;
  --body-thin-500-font-size: 12px;
  --body-thin-500-line-height: 16px;
  --body-thin-500-font-weight: 500;
  --body-thin-500-font-style: normal;
  --body-thin-400-font-family: WorkSans-Regular, sans-serif;
  --body-thin-400-font-size: 12px;
  --body-thin-400-line-height: 16px;
  --body-thin-400-font-weight: 400;
  --body-thin-400-font-style: normal;
  --body-small-600-font-family: WorkSans-SemiBold, sans-serif;
  --body-small-600-font-size: 14px;
  --body-small-600-line-height: 20px;
  --body-small-600-font-weight: 600;
  --body-small-600-font-style: normal;
  --body-small-500-font-family: WorkSans-Medium, sans-serif;
  --body-small-500-font-size: 14px;
  --body-small-500-line-height: 20px;
  --body-small-500-font-weight: 500;
  --body-small-500-font-style: normal;
  --body-small-400-font-family: WorkSans-Regular, sans-serif;
  --body-small-400-font-size: 14px;
  --body-small-400-line-height: 20px;
  --body-small-400-font-weight: 400;
  --body-small-400-font-style: normal;
  --body-regular-600-font-family: WorkSans-SemiBold, sans-serif;
  --body-regular-600-font-size: 16px;
  --body-regular-600-line-height: 24px;
  --body-regular-600-font-weight: 600;
  --body-regular-600-font-style: normal;
  --body-regular-500-font-family: WorkSans-Medium, sans-serif;
  --body-regular-500-font-size: 16px;
  --body-regular-500-line-height: 24px;
  --body-regular-500-font-weight: 500;
  --body-regular-500-font-style: normal;
  --body-regular-400-font-family: WorkSans-Regular, sans-serif;
  --body-regular-400-font-size: 16px;
  --body-regular-400-line-height: 24px;
  --body-regular-400-font-weight: 400;
  --body-regular-400-font-style: normal;
  --body-large-600-font-family: WorkSans-SemiBold, sans-serif;
  --body-large-600-font-size: 18px;
  --body-large-600-line-height: 24px;
  --body-large-600-font-weight: 600;
  --body-large-600-font-style: normal;
  --body-large-500-font-family: WorkSans-Medium, sans-serif;
  --body-large-500-font-size: 18px;
  --body-large-500-line-height: 24px;
  --body-large-500-font-weight: 500;
  --body-large-500-font-style: normal;
  --body-large-400-font-family: WorkSans-Medium, sans-serif;
  --body-large-400-font-size: 16px;
  --body-large-400-line-height: 24px;
  --body-large-400-font-weight: 500;
  --body-large-400-font-style: normal;
  --heading-01-font-family: WorkSans-SemiBold, sans-serif;
  --heading-01-font-size: 48px;
  --heading-01-line-height: 56px;
  --heading-01-font-weight: 600;
  --heading-01-font-style: normal;
  --heading-02-font-family: WorkSans-SemiBold, sans-serif;
  --heading-02-font-size: 38px;
  --heading-02-line-height: 50px;
  --heading-02-font-weight: 600;
  --heading-02-font-style: normal;
  --heading-03-font-family: WorkSans-SemiBold, sans-serif;
  --heading-03-font-size: 32px;
  --heading-03-line-height: 40px;
  --heading-03-font-weight: 600;
  --heading-03-font-style: normal;
  --heading-04-font-family: WorkSans-SemiBold, sans-serif;
  --heading-04-font-size: 24px;
  --heading-04-line-height: 100%;
  --heading-04-font-weight: 600;
  --heading-04-font-style: normal;
  --heading-05-font-family: WorkSans-SemiBold, sans-serif;
  --heading-05-font-size: 20px;
  --heading-05-line-height: 24px;
  --heading-05-font-weight: 600;
  --heading-05-font-style: normal;

  /* Effects */
}
/* Figma Color Variables of your File */