:root {
  --color-ink: #1e2124;
  --color-ink-soft: #4a4f55;
  --color-muted: #767676;
  --color-line: #b9b9b9;
  --color-line-soft: #d8d8d8;
  --color-line-subtle: #eee;
  --color-paper: #ffffff;
  --color-paper-soft: #f7f7f7;
  --color-paper-warm: #f3f3f3;
  --color-night: #0d0e10;
  --color-night-2: #1e1f2b;
  --color-mint: #A3BEF5;
  --color-violet: #6f7cff;
  --color-amber: #f2b84b;

  --font-sans: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", "Source Han Sans SC", Arial, sans-serif;
  --font-mono: "SFMono-Regular", "Cascadia Mono", "Roboto Mono", Consolas, monospace;

  --page-x: clamp(18px, 4vw, 38px);
  --section-y: clamp(72px, 11vw, 150px);
  --section-heading-gap: clamp(48px, 6vw, 80px);
  --card-pad: 28px;
  --header-h: 60px;
  --radius: 6px;
  --line: 1px solid var(--color-line);
  --shadow-soft: 0 20px 70px rgba(0, 0, 0, .18);
}