/* 设计令牌：全站唯一来源。颜色按用途拆，宽度只留两档。
   色系取自 APP 图标：原粉 #FDB4B3 用作深底点缀，主色加深到 #CE3A68 保证白字 4.74:1 达标。 */
:root {
  /* 品牌：填充 / 文字 / 图形分开，避免一支主色两头不达标 */
  --brand: #CE3A68;
  --brand-ink: #B82A5C;
  --brand-surface: #FFF0F3;
  --brand-surface-2: #FFF8FA;
  --brand-line: #F8D9E1;

  /* 浅底三级文字：全部 ≥ 4.5:1 */
  --ink: #241A20;
  --ink-body: #5A4A52;
  --ink-muted: #75636C;

  /* 深底三级文字 */
  --ink-invert: #FFFFFF;
  --ink-invert-mute: #E6CBD6;
  --ink-dark-mute: #CBB0BE;
  --ink-dark-faint: #FDB4B3;

  /* 面与线 */
  --surface: #FFFFFF;
  --paper: #FDF7F8;
  --dark: #241823;
  --dark-card: #35212F;
  --line: #EFE1E6;
  --line-soft: #F8EEF1;
  --line-dark: #4A3040;

  /* 字号：移动端在 layout.css 的断点里整体降档 */
  --fs-h1: 62px;
  --fs-h2: 40px;
  --fs-h3: 32px;
  --fs-page-h1: 44px;
  --fs-card: 20px;
  --fs-lead: 15px;
  --fs-body: 15px;
  --fs-small: 14px;
  --fs-fine: 13px;
  --fs-kicker: 12px;
  --fs-brand: 20px;
  --fs-nav: 15px;

  --lh-tight: 1.22;
  --lh-body: 1.72;
  --lh-lead: 1.8;

  /* 间距 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 48px;
  --sp-10: 56px;
  --sp-11: 64px;
  --sp-12: 80px;
  --sp-13: 88px;
  --sp-14: 100px;

  --section-y: var(--sp-14);
  --section-y-tight: 72px;
  --gap-block: 44px;
  --gap-card: 20px;
  --gap-hero: 56px;

  --r-card: 20px;
  --r-img: 12px;
  --r-pill: 999px;

  /* 内容宽度只有这两档 */
  --w-container: 1200px;
  --w-prose: 900px;

  --font-cn: "PingFang SC", "Microsoft YaHei", "Noto Sans SC", "Source Han Sans SC", system-ui, sans-serif;
  --font-latin: "Inter Tight", "Inter", "Helvetica Neue", Arial, sans-serif;
}