/* CSS Variables - 设计系统 */
:root {
  /* 色彩系统 */
  --color-primary: #1E3A5F;
  --color-secondary: #2C5F8D;
  --color-accent: #4A90E2;
  --color-background: #F5F7FA;
  --color-text-primary: #2C3E50;
  --color-text-secondary: #7F8C8D;
  --color-link: #2C5F8D;
  --color-link-hover: #4A90E2;
  --color-white: #FFFFFF;
  --color-success: #27AE60;
  --color-warning: #F39C12;
  --color-error: #E74C3C;
  --color-info: #3498DB;
  
  /* 字体系统 */
  --font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  
  /* 字体大小 */
  --font-size-h1: 3rem;
  --font-size-h2: 2.25rem;
  --font-size-h3: 1.75rem;
  --font-size-h4: 1.5rem;
  --font-size-body: 1rem;
  --font-size-small: 0.875rem;
  
  /* 行高 */
  --line-height-heading: 1.2;
  --line-height-body: 1.6;
  
  /* 间距系统 (8px基础单位) */
  --spacing-xs: 0.25rem;   /* 4px */
  --spacing-s: 0.5rem;     /* 8px */
  --spacing-m: 1rem;      /* 16px */
  --spacing-l: 1.5rem;    /* 24px */
  --spacing-xl: 2rem;     /* 32px */
  --spacing-xxl: 3rem;    /* 48px */
  --spacing-xxxl: 4rem;   /* 64px */
  
  /* 圆角 */
  --border-radius-small: 4px;
  --border-radius-medium: 8px;
  --border-radius-large: 12px;
  
  /* 阴影 */
  --shadow-small: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 4px 8px rgba(0, 0, 0, 0.1);
  --shadow-large: 0 8px 16px rgba(0, 0, 0, 0.15);
  
  /* 过渡动画 */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* 容器宽度 */
  --container-max-width: 1200px;
  --container-padding: 1.5rem;
}

/* 移动端字体大小调整 */
@media (max-width: 768px) {
  :root {
    --font-size-h1: 2rem;
    --font-size-h2: 1.75rem;
    --font-size-h3: 1.5rem;
    --font-size-h4: 1.25rem;
    --container-padding: 1rem;
  }
}