:root {
   --lightprimaryyellow-500: rgba(255, 200, 0, 1);
   --lightprimaryyellow-100: rgba(255, 244, 204, 1);
   --lightsurface-100: rgba(245, 245, 250, 1);
   --lightsurface-300: rgba(124, 124, 124, 1);
   --lightsurface-700: rgba(22, 22, 22, 1);
   --lightsurface-900: rgba(0, 0, 0, 1);
   --lightfonts-200: rgba(167, 167, 167, 1);
   --lightfonts-300: rgba(124, 124, 124, 1);
   --lightfonts-400: rgba(80, 80, 80, 1);
   --lightfonts-500: rgba(36, 36, 36, 1);
   --lightfonts-900: rgba(0, 0, 0, 1);
   --lightwhitewhite: rgba(255, 255, 255, 1);
   --heading-h2-large-32-bold-font-family: "Kanit", Helvetica;
   --heading-h2-large-32-bold-font-weight: 800;
   --heading-h2-large-32-bold-font-size: 32px;
   --heading-h2-large-32-bold-letter-spacing: -0.30000001192092896px;
   --heading-h2-large-32-bold-line-height: 40px;
   --heading-h2-large-32-bold-font-style: normal;
   --heading-h3-large-24-bold-font-family: "Kanit", Helvetica;
   --heading-h3-large-24-bold-font-weight: 700;
   --heading-h3-large-24-bold-font-size: 24px;
   --heading-h3-large-24-bold-letter-spacing: -0.30000001192092896px;
   --heading-h3-large-24-bold-line-height: 32px;
   --heading-h3-large-24-bold-font-style: normal;
   --body-large-16-regular-font-family: "Kanit", Helvetica;
   --body-large-16-regular-font-weight: 400;
   --body-large-16-regular-font-size: 16px;
   --body-large-16-regular-letter-spacing: 0px;
   --body-large-16-regular-line-height: 24px;
   --body-large-16-regular-font-style: normal;
   --body-large-16-medium-font-family: "Kanit", Helvetica;
   --body-large-16-medium-font-weight: 500;
   --body-large-16-medium-font-size: 16px;
   --body-large-16-medium-letter-spacing: 0px;
   --body-large-16-medium-line-height: 24px;
   --body-large-16-medium-font-style: normal;

   --heading-h2-mobile-24-bold-font-family: "Kanit", Helvetica;
   --heading-h2-mobile-24-bold-font-weight: 800;
   --heading-h2-mobile-24-bold-font-size: 24px;
   --heading-h2-mobile-24-bold-letter-spacing: -0.30000001192092896px;
   --heading-h2-mobile-24-bold-line-height: 32px;
   --heading-h2-mobile-24-bold-font-style: normal;

   --body-small-14-regular-font-family: "Kanit", Helvetica;
   --body-small-14-regular-font-weight: 500;
   --body-small-14-regular-font-size: 14px;
   --body-small-14-regular-letter-spacing: 0px;
   --body-small-14-regular-line-height: 24px;
   --body-small-14-regular-font-style: normal;
}