:root {
  color-scheme: light;
  --color-background: #ffffff;
  --color-surface: #f5f5f7;
  --color-text: #1d1d1f;
  --color-muted: #6e6e73;
  --color-border: #d2d2d7;
  --color-accent: #0071e3;
  --color-accent-hover: #0077ed;
  --color-dark: #101010;
  --font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display", "Helvetica Neue", "PingFang SC", "Noto Sans SC", "Microsoft YaHei", Arial, sans-serif;
  --font-h1: clamp(48px, 5.1vw, 76px);
  --font-h2: clamp(34px, 3.65vw, 54px);
  --font-h3: clamp(25px, 2.5vw, 36px);
  --font-body-size: 16px;
  --font-small: 13px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-5: 48px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 128px;
  --section-space: clamp(72px, 8vw, 120px);
  --page-gutter: clamp(24px, 4.4vw, 64px);
  --content-width: 1280px;
  --header-height: 78px;
  --radius-small: 8px;
  --radius-media: 18px;
  --radius-control: 28px;
  --duration-fast: 180ms;
  --duration-standard: 420ms;
  --ease-out: cubic-bezier(.22, 1, .36, 1);
}