body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --font-inter: Inter;
    --font-secular-one: "Secular One";
    --font-itf-devanagari-marathi: "ITF Devanagari Marathi";
  
    /* font sizes */
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-13xl: 32px;
    --font-size-29xl: 48px;
    --font-size-6xl: 25px;
  
    /* Colors */
    --color-gray-10: #fff;
    --color-black: #000;
    --color-gainsboro-200: rgba(217, 217, 217, 0.1);
    --color-mediumslateblue: #1361f5;
    --color-dodgerblue-100: #3b87ff;
    --color-darkslategray: #223140;
    --color-dimgray: #535558;
    --color-goldenrod: rgba(236, 178, 45, 0.1);
    --color-gray-100: #202020;
    --color-gray-200: #1d1d1d;
    --color-darkslateblue: #264a8f;
  
    /* Gaps */
    --gap-base: 16px;
    --gap-xl: 20px;
    --gap-29xl: 48px;
    --gap-2xl: 21px;
    --gap-4xs: 9px;
  
    /* Paddings */
    --padding-xl: 20px;
    --padding-20xl: 39px;
    --padding-4xl: 23px;
    --padding-mini: 15px;
    --padding-3xs: 10px;
    --padding-sm: 14px;
    --padding-xs: 12px;
    --padding-3xl: 22px;
    --padding-8xl: 27px;
    --padding-7xs: 6px;
  
    /* Border radiuses */
    --br-3xs: 10px;
    --br-8xs: 5px;
    --br-41xl: 60px;
  }