:root {
  --color-primary: #E60012;
  --color-primary-dark: #C4000F;
  --color-text: #333333;
  --color-text-light: #666666;
  --color-text-muted: #999999;
  --color-bg: #FFFFFF;
  --color-bg-light: #F5F5F5;
  --color-bg-dark: #1A1A1A;
  --color-border: #E5E5E5;
  --color-white: #FFFFFF;

  --font-family: "PingFang SC", -apple-system, "Microsoft YaHei", "Helvetica Neue", sans-serif;

  --container-max: 980px;
  --container-wide: 1400px;
  --header-height: 64px;
  --section-story: 120px;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;

  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.12);

  --transition: 0.3s ease;
  --logo-gradient: linear-gradient(90deg, #002855 0%, #0d5cab 38%, #2891d4 68%, #5eb8f5 100%);
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 40px;
  --spacing-xl: 64px;
}