:root {
  --ink: #1f1b16;
  --ink2: #6b6157;
  --ink3: #7a6f63;
  --bg: #fbf8f3;
  --bg2: #f3ece2;
  --card: #fffdf8;
  --line: #e6ddd0;
  --ac: #c9632b;
  --ac-text: #a8501f;
  --btn-bg: #1f1b16;
  --btn-fg: #fffdf8;
  --ok: #246b43;
  --warn: #875a00;
  --err: #9f302f;
  --neutral: #4f5965;
  --serif: "Noto Serif CJK SC", "Noto Serif SC", "Songti SC", "STSong", serif;
  --sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans CJK SC",
    "Noto Sans SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --mono: "SF Mono", "JetBrains Mono", Menlo, "DejaVu Sans Mono", monospace;
  --r-card: 20px;
  --r-btn: 14px;
  --r-pill: 99px;
  --shadow-1: 0 1px 2px rgba(27, 32, 38, 0.06);
  --shadow-2: 0 4px 14px rgba(27, 32, 38, 0.08);
  --pad-x: 22px;
  --bar-h: 60px;
  --gap-1: 6px;
  --gap-2: 8px;
  --gap-3: 14px;
  --gap-4: 22px;
  --sec-top: 56px;
  --sec-pad: 40px;
  --t: 0.15s ease;
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ink: #f1ebe2;
    --ink2: #b3a797;
    --ink3: #9c9082;
    --bg: #13110e;
    --bg2: #1b1814;
    --card: #211d18;
    --line: #2e2821;
    --ac: #e27c43;
    --ac-text: #e27c43;
    --btn-bg: #f1ebe2;
    --btn-fg: #13110e;
    --ok: #55a878;
    --warn: #dda94e;
    --err: #e98986;
    --neutral: #a0a8b1;
    --shadow-1: 0 1px 2px rgba(0, 0, 0, 0.3);
    --shadow-2: 0 4px 14px rgba(0, 0, 0, 0.35);
    color-scheme: dark;
  }
}