:root {
  --background: #282828;
  --gray: #928374;
  --bg0: var(--background);
  --bg0_h: #1d2021;
  --bg0_s: #32302f;
  --bg1: #3c3836;
  --bg2: #504945;
  --bg3: #665c54;
  --bg4: #7c6f64;
  --gray: #928374;
  --foreground: #ebdbb2;
  --fg0: #fbf1c7;
  --fg1: var(--foreground);
  --fg2: #d5c4a1;
  --fg3: #bdae93;
  --fg4: #a89984;

  --red0: #cc241d;
  --red1: #fb4934;

  --green0: #98971a;
  --green1: #b8bb26;

  --yellow0: #d79921;
  --yellow1: #fabd2f;

  --blue0: #458588;
  --blue1: #83a598;

  --purple0: #b16286;
  --purple1: #d3869b;

  --aqua0: #689d6a;
  --aqua1: #8ec07c;

  --orange0: #d65d0e;
  --orange1: #fe8019;
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: large;
  background-color: var(--background);
  color: var(--foreground);
}