:root {
  color-scheme: dark;
  color: #d9dee7;
  background: #0d1015;
}

body,
main { background: #0d1015; }
aside { background: #131820; border-color: #252d38; }
.brand { color: #9aafca; }
.eyebrow,
aside .eyebrow { color: #929ca9; }
.nav { color: #c2c9d3; }
.nav.active { background: #202936; color: #b8c9de; }
.home { border-color: #29323e; }
.home p,
p { color: #969faa; }
header { color: #929ca8; border-color: #252d38; }
header b { color: #cbd1da; }
.slash { color: #687482; }
button,
.quiet { background: #1d242d; color: #d6dce5; }
.quiet { border-color: #343e4b; }
.intro .eyebrow { color: #879fbd; }
h1,
h2,
strong { color: #eceff4; }
.stats article,
.files { background: #151a21; border-color: #29323e; }
.stat-icon { background: #202733; color: #9bacc2; }
.stat-icon.green { background: #222b37; color: #91a9c6; }
label { color: #a2aab5; }
input { color: #e3e7ed; background: #10141a; border-color: #343e4b; }
input::placeholder { color: #737e8c; }
.primary { background: #405c7d; color: #fff; }
th { color: #99a3af; background: #11161c; border-color: #252d38; }
td { color: #a9b0ba; border-color: #252d38; }
td:first-child { color: #d6dbe3; }
footer,
#empty { color: #8d97a4; }
#message { color: #9eb0c6; }
dialog {
  color: #dce1e8;
  background: #171c23;
  border-color: #343e4b;
  box-shadow: 0 30px 100px #0009;
}
dialog::backdrop { background: #06080bcc; }
.logo { color: #91a8c5; }
dialog small { color: #979faa; }
.version { border-color: #303946; }
.drag { background: #1c2734; }