:root {
  /* 品牌主色 */
  --color-primary:       #207c86;
  --color-primary-light: #2a9aaa;
  --color-primary-dark:  #165a63;
  --color-primary-pale:  #e6f7f9;

  /* 辅助色 */
  --color-accent:        #208657;
  --color-accent-light:  #27a86c;

  /* 中性色 */
  --color-neutral-900:   #0d1117;
  --color-neutral-800:   #1a2332;
  --color-neutral-700:   #2d3748;
  --color-neutral-600:   #4a5568;
  --color-neutral-400:   #9ba3af;
  --color-neutral-200:   #e9ecef;
  --color-neutral-100:   #f5f7fa;
  --color-neutral-50:    #fafbfc;
  --color-white:         #ffffff;

  /* 渐变 */
  --gradient-primary: linear-gradient(135deg, #207c86 0%, #165a63 100%);
  --gradient-hero:    linear-gradient(135deg, #0d1117 0%, #1a3a45 50%, #207c86 100%);
  --gradient-dark:    linear-gradient(180deg, rgba(13,17,23,0.7) 0%, rgba(13,17,23,0.4) 100%);

  /* 字体 */
  --font-sans: "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;

  /* 字号 */
  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  /* 间距 */
  --space-section:    100px;
  --space-section-sm: 60px;

  /* 圆角 */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;

  /* 阴影 */
  --shadow-sm:      0 2px 8px rgba(0,0,0,0.06);
  --shadow-md:      0 8px 24px rgba(0,0,0,0.10);
  --shadow-lg:      0 20px 60px rgba(0,0,0,0.14);
  --shadow-primary: 0 8px 30px rgba(32,124,134,0.35);

  /* 过渡 */
  --transition-fast: all 0.2s ease;
  --transition-base: all 0.3s ease;
  --transition-slow: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);

  /* 布局 */
  --container-max: 1280px;
  --navbar-height: 72px;
}