:root {
  --font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
  --serif: "Songti SC", "STSong", serif;
  color-scheme: light;
}

[data-theme="day"] {
  --page-bg: #efe5d4;
  --bg: #fbf5e9;
  --bar: rgba(251, 245, 233, 0.91);
  --drawer: #fffaf0;
  --surface: rgba(255, 255, 255, 0.8);
  --surface-strong: #fffdf8;
  --surface-soft: rgba(255, 248, 234, 0.76);
  --line: rgba(72, 53, 28, 0.12);
  --text: #2d251a;
  --sub: rgba(45, 37, 26, 0.62);
  --faint: rgba(45, 37, 26, 0.4);
  --accent: #c7922f;
  --accent-deep: #ad7823;
  --accent-soft: rgba(199, 146, 47, 0.13);
  --accent-glow: rgba(199, 146, 47, 0.26);
  --online: #24a979;
  --scrim: 251, 247, 239;
  --glow-one: rgba(248, 210, 140, 0.54);
  --glow-two: rgba(242, 190, 135, 0.38);
  --shadow: 0 18px 48px rgba(87, 61, 29, 0.13);
  --stars: 0;
}

[data-theme="ember"] {
  color-scheme: dark;
  --page-bg: #05060d;
  --bg: #090b16;
  --bar: rgba(10, 13, 24, 0.9);
  --drawer: #0d101d;
  --surface: rgba(137, 154, 215, 0.08);
  --surface-strong: #141827;
  --surface-soft: rgba(122, 142, 207, 0.09);
  --line: rgba(148, 167, 226, 0.14);
  --text: #eef0fb;
  --sub: rgba(235, 238, 251, 0.6);
  --faint: rgba(235, 238, 251, 0.36);
  --accent: #d0aa57;
  --accent-deep: #a87931;
  --accent-soft: rgba(208, 170, 87, 0.15);
  --accent-glow: rgba(208, 170, 87, 0.32);
  --online: #5fd6a0;
  --scrim: 8, 10, 20;
  --glow-one: rgba(201, 161, 78, 0.15);
  --glow-two: rgba(90, 111, 199, 0.14);
  --shadow: 0 20px 56px rgba(0, 0, 0, 0.38);
  --stars: 0.72;
}

* {
  box-sizing: border-box;
}

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

body,
button,
textarea {
  font-family: var(--font);
}

button,
textarea {
  -webkit-tap-highlight-color: transparent;
}

button {
  color: inherit;
}