:root {
  /* background */
  --1d2021: #f7f5f1;
  --282828: #ffffff;
  --3c3836: #f3efe8;
  --504945: #e7dfd3;

  /* font */
  --928374: #8a8176;
  --a89984: #6f655a;
  --bdae93: #2b2723;
  --8ec07c: #d6a93a;
  --ebdbb2: #7f7468;

  /* code highlighter */
  --comment: #8a8176;
  --default: #2b2723;
  --keyword: #6d5f52;
  --string: #8b6b2e;

  /* color codes for instance list */
  --green: #7fb069;
  --yellow: #d6a93a;
  --red: #d66a6a;
}

body {
	font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, Adwaita Sans, Cantarell, Ubuntu, roboto, noto, helvetica, arial, sans-serif;
}