body {
  margin: 0;
  line-height: normal;
}

:root {
  /* Fonts */
  --heading-desktop-h4: "Baloo 2";
  --text-small-normal: Baloo;

  /* font sizes */
  --text-small-normal-size: 0.875rem;
  --font-size-lg: 1.125rem;
  --font-size-lgi: 1.188rem;
  --text-large-bold-size: 1.25rem;
  --font-size-5xl: 1.5rem;
  --font-size-7xl: 1.625rem;
  --font-size-10xl: 1.813rem;
  --heading-desktop-h4-size: 2rem;
  --font-size-19xl: 2.375rem;
  --font-size-21xl: 2.5rem;
  --font-size-29xl: 3rem;
  --font-size-61xl: 5rem;

  /* Colors */
  --color-gray-100: #45002e;
  --color-gray-200: rgba(255, 255, 255, 0.48);
  --color-hotpink: #f74a94;
  --color-skyblue: #4ec9f0;
  --color-whitesmoke-100: #f4f3ef;
  --color-whitesmoke-200: rgba(238, 238, 238, 0.3);

  /* Gaps */
  --gap-xs: 0.75rem;
  --gap-base: 1rem;
  --gap-xl: 1.25rem;
  --gap-5xl: 1.5rem;
  --gap-13xl: 2rem;
  --gap-21xl: 2.5rem;
  --gap-101xl: 7.5rem;

  /* Paddings */
  --padding-5xs: 0.5rem;
  --padding-sm: 0.875rem;
  --padding-xl: 1.25rem;
  --padding-5xl: 1.5rem;
  --padding-11xl: 1.875rem;
  --padding-13xl: 2rem;
  --padding-41xl: 3.75rem;
  --padding-45xl: 4rem;
  --padding-111xl: 8.125rem;

  /* Border radiuses */
  --br-13xl: 32px;
  --br-45xl: 64px;
  --br-71xl: 90px;

  /* Figma Variables */

  /* Color Variables */
  --background-color-primary: #fff;
  --color-neutral-neutral-lighter: #ccc;
}