:root {
  --bg-rgb: 28, 23, 36;
  --fg-rgb: 234, 234, 248;
  --accent-rgb: 181, 127, 220;
  --fg: rgb(var(--fg-rgb));
  --bg: rgb(var(--bg-rgb));
  --default-user-color: rgb(238, 126, 255);
  --accent: rgb(var(--accent-rgb));
  --fg-transparent: rgba(var(--fg-rgb), 0.25);
  --bg-transparent: rgba(var(--bg-rgb), 0.25);
  --autocomplete-bg: linear-gradient(
      var(--fg-transparent),
      var(--fg-transparent)
    ),
    linear-gradient(var(--bg), var(--bg));
  --chip-bg: linear-gradient(
      var(--accent-transparent),
      var(--accent-transparent)
    ),
    linear-gradient(var(--bg), var(--bg));
  --accent-transparent: rgba(var(--accent-rgb), 0.25);
}

html {
  background-color: var(--bg);
  color: var(--fg);
  font-family: sans-serif;
  font-size: 1.125rem;
}

html, body {
  margin: 0;
  padding: 0;
}

.hidden {
  display: none;
}