:root {
  --background: #282A36;
  --foreground: #F8F8F2;
  --accent1: #BD93F9;
  --accent2: #FFB86C;
  --shadow: #1d2021aa;
  --message-red: #FF5555;
  --message-green: #50FA7B;
  --message-yellow: #F1FA8C;
  --message-blue: #8BE9FD;

  --fg0: var(--foreground);
  --fg1: color-mix(in srgb, var(--foreground) 85%, var(--background) 15%);
  --fg2: color-mix(in srgb, var(--foreground) 75%, var(--background) 25%);
  --fg3: color-mix(in srgb, var(--foreground) 65%, var(--background) 35%);
  --fg00: #fffff7;

  --bg0: var(--background);
  --bg1: color-mix(in srgb, var(--background) 93%, var(--foreground) 7%);
  --bg2: color-mix(in srgb, var(--background) 87%, var(--foreground) 13%);
  --bg3: color-mix(in srgb, var(--background) 80%, var(--foreground) 20%);
  --bg00: #101115;
}

body {
  background: var(--bg00);
}