:root {
  /* === 色彩系统 === */
  --color-primary: #FF0000;
  --color-primary-dark: #CC0000;
  --color-accent: #404040;
  --color-accent-hover: #2A2A2A;
  --color-bg-white: #ffffff;
  --color-bg-light: #f7f8fa;
  --color-bg-dark: #1A1A1A;
  --color-text-primary: #1a1a1a;
  --color-text-secondary: #5a5a5a;
  --color-text-light: #a0a0a0;
  --color-text-on-dark: #ffffff;
  --color-border: #e5e5e5;

  /* === 字体 === */
  --font-body: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
  --font-accent: 'Playfair Display', Georgia, serif;

  /* === 流体排版（clamp 实现） === */
  --text-xs: clamp(0.75rem, 1.5vw, 0.875rem);
  --text-sm: clamp(0.875rem, 1.8vw, 1rem);
  --text-base: clamp(1rem, 2vw, 1.125rem);
  --text-lg: clamp(1.125rem, 2.5vw, 1.5rem);
  --text-xl: clamp(1.5rem, 3.5vw, 2.5rem);
  --text-2xl: clamp(2rem, 5vw, 3.5rem);
  --text-hero: clamp(2.5rem, 6vw, 5rem);

  /* === 间距 === */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 2rem;
  --space-xl: 4rem;
  --space-2xl: 8rem;
  --space-section: clamp(calc(var(--header-height) + var(--space-md)), 10vh, 8rem);

  /* === 其他 === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --shadow-card: 0 4px 20px rgba(0,0,0,0.08);
  --shadow-nav: 0 2px 20px rgba(0,0,0,0.1);
  --transition-base: 0.3s ease;
  --max-width-content: 1200px;
  --max-width-narrow: 800px;
  --header-height: 72px;
}