:root {
  color-scheme: light;
  --brand: #7656e8;
  --brand-soft: #9a82ef;
  --brand-pale: #eeeafd;
  --figma-copy: #2a2e2e;
  --figma-muted: #77727d;
  --figma-border: #b9b3bf;
  --ink: #292631;
  --ink-dark: #0f0b21;
  --ink-deep: var(--ink-dark);
  --ink-purple: #211837;
  --muted: #77727d;
  --line: rgba(48, 39, 77, 0.12);
  --line-on-dark: rgba(255, 255, 255, 0.16);
  --paper: #fbfaf7;
  --lavender-paper: #f5f3fa;
  --surface: #ffffff;
  --surface-soft: #ffffff;
  --copy-secondary: var(--figma-muted);
  --copy-on-dark: #fff;
  --copy-on-dark-muted: rgba(255, 255, 255, 0.64);
  --pill-active: #eeeafd;
  --pill-active-border: rgba(118, 86, 232, 0.34);
  --pill-dark-active: rgba(118, 86, 232, 0.18);
  --pill-dark-active-border: rgba(183, 166, 243, 0.62);
  --shadow-soft: 0 14px 38px rgba(17, 13, 32, 0.08);
  --shadow-card: 0 18px 48px rgba(17, 13, 32, 0.1);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --container: min(1280px, calc(100vw - 72px));
  --feature-content-max: 1280px;
  --screen-pad-x: clamp(28px, 6.25vw, 240px);
  --phone-width: clamp(245px, 14.93vw, 573px);
  --feature-copy-width: min(100%, 1320px);
  --section-gap: clamp(48px, 3.33vw, 64px);
  --font-display: "Source Han Sans CN", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-ui: "Source Han Sans CN", "Noto Sans CJK SC", "PingFang SC", "Microsoft YaHei", sans-serif;
  --ease-editorial: cubic-bezier(.22, .61, .36, 1);
}