body {
    margin: 0;
    line-height: normal;
  }
  
  :root {
    /* fonts */
    --font-sen: Sen;
  
    /* font sizes */
    --font-size-base: 16px;
    --font-size-3xl: 22px;
    --font-size-sm: 14px;
  
    /* Colors */
    --bg-surface-layer2-top: #fff;
    --text-default: #1f2122;
    --text-brand-default: #0265dc;
    --text-weak: #414346;
  
    /* Spacing */
    --spacing-base: 16px;
    --spacing-xlarge: 32px;
    --spacing-large: 24px;
  
    /* Gaps */
    --gap-5xl: 24px;
    --gap-base: 16px;
    --gap-4xs: 9px;
  
    /* Paddings */
    --padding-13xl: 32px;
    --padding-2xl: 21px;
    --padding-lgi: 19px;
  
    /* Border radiuses */
    --br-6xs: 7px;
  }