body, a, li, p, h1, h2, h3, h4, h5, h6, input, button, textarea, select, .label, .value, table {
  font-family: 'Figtree', sans-serif !important; 

  --sand_900: #12110D;
  --sand_800: #262522;
  --sand_700: #45433E;
  --sand_600: #6B6860;
  --sand_500: #A49F95;
  --sand_400: #CAC5B8;
  --sand_300: #E1DED5;
  --sand_200: #F0EFEB;
  --sand_100: #F9F8F6;
  --sand_0: #FDFDFC;

  --grape_0: #F0F3FE;
  --grape_100: #D4DBFB; 
  --grape_500: #566FCF;
  --grape_600: #576CC1;
  --grape_700: #4C5FA9;
  --grape_800: #37447A;

  --kale_0: #F4F9F9;
  --kale_400: #57B7AB;

  --plum_500: #CC6FBE;
  --plum_400: #E37BD3;
  --plum_100: #F7D6F2;
  --plum_0: #FBF2FC;

  --persimmon_300: #FF9F89;
  --persimmon_400: #FF7557;

  --canteloupe_0: #FFF6EF;
  --canteloupe_100: #FFE4D0;
  --canteloupe_400: #FFA663;
  --canteloupe_500: #E69559;
  --canteloupe_600: #CC854F;
  --canteloupe_700: #B37445;

  --red_1: #FFF1F0;
  --red_3: #FFCCC7;
  --red_7: #CF1322;
  --red_10: #5C0011;

  --primary_link: #566FCF;
} 

*{
  box-sizing: border-box;
}

h1,h2,h3,h4,h5,h6{
  font-weight: 500;
  margin: 0;
}

p{
  line-height: 140%;
  margin: 0;
  & a{
    color: var(--primary_link);
    &:hover{
      color: var(--grape_700);
    }
  }
}

p+p{
  margin-top: .125rem;
}

p.ls-small, p.small{
  margin: 0;
  line-height: 140%;
  font-size: .875rem;
  color: #6B6860;
}

.lsf-root {
  background: var(--color-neutral-surface) !important;
}

.lsf-tabs__tabs-row{
  background: var(--color-neutral-surface) !important;
}

a{
  color: var(--grape_500);
  transition: color 80ms ease;
  text-decoration: underline;
}

a:hover{
  text-decoration: none;
}