:root {
  color-scheme: dark;
  --page: #101211;
  --surface: #161a18;
  --panel: #1b201d;
  --text: #f2f1eb;
  --secondary: #b9bdb6;
  --muted: #939c93;
  --line: #343d36;
  --accent: #a5d6c5;
  --accent-hover: #c3e7d9;
  --on-accent: #14251f;
  --track: #404b43;
  --ui-font: "Avenir Next", Avenir, "Segoe UI", sans-serif;
  font-family: var(--ui-font);
  color: var(--text);
  background: var(--page);
  -webkit-font-smoothing: antialiased;
}