:root {
  color-scheme: light;
  --bg: #f7f8fb;
  --bg2: #f0f2f7;
  --surface: #ffffff;
  --tile: #f3f4f8;
  --ink: #17171c;
  --ink2: #5d5d6a;
  --ink3: #8b8b98;
  --accent: #5b5bd6;
  --accent-deep: #4747b8;
  --accent-soft: rgba(91, 91, 214, 0.1);
  --hair: #e4e5eb;
  --mask: rgba(247, 248, 251, 0.82);
  --cta-ink: #ffffff;
  --warn: #d7654b;
  --ok: #3f8f63;
  --p: 62;
  --shadow-sm: 0 1px 2px rgba(20, 20, 28, 0.05);
  --shadow-md: 0 16px 36px rgba(29, 31, 48, 0.08);
  --serif: "Iowan Old Style", "Palatino Linotype", "Songti SC", "Noto Serif SC", serif;
  --sans: Inter, "SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", sans-serif;
}
html.dark {
  color-scheme: dark;
  --bg: #111216;
  --bg2: #17181e;
  --surface: #1d1e25;
  --tile: #23242c;
  --ink: #f3f3f6;
  --ink2: #b0b0ba;
  --ink3: #777783;
  --accent: #8b8bf2;
  --accent-deep: #b0b0ff;
  --accent-soft: rgba(139, 139, 242, 0.14);
  --hair: #2d2e37;
  --mask: rgba(17, 18, 22, 0.82);
  --cta-ink: #111216;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.25);
  --shadow-md: 0 16px 40px rgba(0, 0, 0, 0.28);
}
@property --p { syntax: "<number>"; inherits: true; initial-value: 62; }