/* 全站唯一的取值来源：颜色、间距、圆角、字号 */
:root {
  color-scheme: light;

  /* 底色与文字 */
  --color-bg: #ffffff;
  --color-ink: #1f1b19;
  --color-ink-soft: #8b8781;
  --color-ink-invert: #ffffff;

  /* 层次靠深浅灰区分，不用彩色块 */
  --color-layer: #ffffff;
  --color-layer-dim: #f5f4f2;
  --color-layer-mute: #e7e5e1;
  --color-layer-deep: #d6d3ce;

  /* 强调色，与素材同源 */
  --color-accent: #941c1c;
  --color-accent-hover: #7d1717;
  --color-accent-ink: #ffffff;
  --color-highlight: #ffe0a3;
  --color-focus: #941c1c;

  /* 内容物配色，与素材同源 */
  --color-dot-red: #941c1c;
  --color-dot-yellow: #fcd464;
  --color-dot-brown: #a47c54;
  --color-dot-gray: #9c9c9c;

  /* 间距 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;

  /* 圆角 */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-pill: 999px;

  /* 字号与行高 */
  --font-family: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system,
    BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-md: 16px;
  --font-size-lg: 20px;
  --font-size-xl: 28px;
  --line-height-body: 1.6;
  --line-height-title: 1.3;

  /* 尺寸 */
  --tap-size: 44px;
  --content-max: 560px;

  /* 动效 */
  --ease: cubic-bezier(0.2, 0.7, 0.3, 1);
  --duration: 160ms;
}