body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --font-open-sans: "Open Sans";
    --light-basic-typography-paragraph-small-semi-bold: "Open Sans";
    --font-poppins: Poppins;
  
    /* font sizes */
    --font-size-sm: 14px;
    --light-basic-typography-paragraph-small-semi-bold-size: 13px;
    --font-size-lg: 18px;
    --font-size-mini: 15px;
    --font-size-5xl: 24px;
    --font-size-3xs: 10px;
    --font-size-7xs: 6px;
    --font-size-base: 16px;
    --font-size-32:32px;
  
    /* Colors */
    --color-gray-100: #fafafa;
    --color-gray-200: #23272e;
    --color-gray-300: rgba(0, 0, 0, 0.1);
    --color-gray-400: rgba(255, 255, 255, 0.2);
    --color-black: #000;
    --light-solid-color-extra-card-background: #fff;
    --color-gainsboro-100: #dbdade;
    --color-gold: #f4b700e8;
    --coomon-button:#5D5C9D;
    --color-darkslateblue: #5d5c9d;
    --color-mediumseagreen: #1eb564;
    --color-dimgray: #514a44;
    --color-whitesmoke: #f5f5f5;
    --color-firebrick: #d02626;
    --color-lightslategray: #8b909a;
    --color-forestgreen-100: #008d3e;
    --color-darkgray: #9f9f9f;
    --color-darkslategray: #313030;
    --light-solid-color-primary-primary-500-base: #7367f0;
    --light-opacity-color-primary-primary-16: rgba(115, 103, 240, 0.16);
  
    /* Gaps */
    --gap-mini: 15px;
    --gap-4xl: 23px;
    --gap-5xs: 8px;
    --gap-9xs: 4px;
    --gap-11xl: 30px;
    --gap-4xs: 9px;
    --gap-11xs: 2px;
    --gap-smi: 13px;
    --gap-3xs: 10px;
  
    /* Paddings */
    --padding-5xs: 8px;
    --padding-3xs: 10px;
    --padding-xl: 20px;
    --padding-5xl: 24px;
    --padding-4xs: 9px;
    --padding-mini: 15px;
    --padding-base-5: 16.5px;
    --padding-11xs: 2px;
    --padding-base: 16px;
    --padding-4xl: 23px;
    --padding-6xs: 7px;
    --padding-sm: 14px;
    --padding-9xs: 4px;
    --padding-11xl: 30px;
  
    /* border radiuses */
    --br-base: 16px;
    --br-mini: 15px;
    --br-81xl: 100px;
    --br-7xs: 6px;
    --br-xl: 20px;
  
    /* Effects */
    --light-gray-gray-sm: 0px 2px 4px rgba(165, 163, 174, 0.3);
  }