body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --font-inter: Inter;
    --font-roboto: Roboto;
  
    /* font sizes */
    --font-size-xl: 1.25rem;
    --font-size-23xl: 2.625rem;
    --font-size-6xl: 1.563rem;
    --font-size-15xl: 2.125rem;
    --font-size-35xl: 3.375rem;
    --font-size-13xl: 2rem;
    --font-size-24xl: 2.688rem;
    --font-size-41xl: 3.75rem;
    --font-size-17xl: 2.25rem;
    --font-size-29xl: 3rem;
    --font-size-sm: 0.875rem;
    --font-size-5xl: 1.5rem;
    --font-size-base: 1rem;
  
    /* Colors */
    --color-gray-100: #0d0d0d;
    --color-gray-200: #0b0b0b;
    --color-gray-300: rgba(0, 0, 0, 0.25);
    --color-gold-100: #f0df20;
    --color-gold-200: rgba(252, 236, 94, 0.2);
    --color-white: #fff;
    --color-khaki: #fff066;
    --color-black: #000;
  
    /* Gaps */
    --gap-xl: 1.25rem;
    --gap-17xl: 2.25rem;
    --gap-lg: 1.125rem;
    --gap-41xl: 3.75rem;
    --gap-11xl: 1.875rem;
  
    /* Paddings */
    --padding-170xl: 11.812rem;
    --padding-75xl: 5.875rem;
    --padding-xl: 1.25rem;
    --padding-15xl: 2.125rem;
    --padding-33xl: 3.25rem;
    --padding-37xl: 3.5rem;
    --padding-23xl: 2.625rem;
    --padding-17xl: 2.25rem;
    --padding-5xl: 1.5rem;
    --padding-41xl: 3.75rem;
    --padding-xs: 0.75rem;
    --padding-3xs: 0.625rem;
    --padding-smi: 0.812rem;
    --padding-10xs: 0.187rem;
    --padding-8xs: 0.312rem;
  
    /* Border radiuses */
    --br-11xl: 30px;
    --br-191xl: 210px;
  }