:root {
  /* ----- Gray scale ----- */
  --gray_900: #15161A;   /* darkest */
  --gray_800: #2D3139;
  --gray_700: #505563;
  --gray_600: #8E93A1;
  --gray_500: #ABAEB9;
  --gray_400: #C7CAD0;
  --gray_300: #EBEBEC;
  --gray_200: #FDE9D1;  /* very light warm gray */
  --gray_100: #FEFEFE;  /* white */

  /* ----- Orange scale ----- */
  --orange_900: #75450D;  /* darkest brown */
  --orange_800: #A66315;
  --orange_700: #CB7818;
  --orange_600: #F08D1A;
  --orange_500: #F6A74B;
  --orange_400: #FBDD77;
  --orange_300: #FCD3A4;
  --orange_200: #FDE9D1;
  --orange_100: #FEEFE2;
}


body{
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Instrument Sans', sans-serif;
}