* {
  box-sizing: border-box;
  scrollbar-width: thin;
  scrollbar-color: color-mix(in srgb, var(--muted) 58%, transparent) transparent;
}

html,
body { min-height: 100%; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-sans);
  font-size: var(--text-md);
  line-height: var(--line-normal);
  letter-spacing: 0;
}

html.dark::-webkit-scrollbar,
body.dark::-webkit-scrollbar,
body.dark *::-webkit-scrollbar { width: 10px; height: 10px; }

html.dark::-webkit-scrollbar-track,
body.dark::-webkit-scrollbar-track,
body.dark *::-webkit-scrollbar-track { background: #202226; }

html.dark::-webkit-scrollbar-thumb,
body.dark::-webkit-scrollbar-thumb,
body.dark *::-webkit-scrollbar-thumb {
  border: 2px solid #202226;
  border-radius: 8px;
  background: #5a626e;
}

button,
input,
select,
textarea { font: inherit; letter-spacing: 0; }

a { color: inherit; }