/* CSS 变量定义 */
:root {
  /* 颜色变量 */
  --primary-color: #61dafb;
  --secondary-color: #282c34;
  --background-color: #ffffff;
  --text-color: #333333;
  --border-color: #e0e0e0;
  --error-color: #ff4444;
  --success-color: #00aa00;
  --warning-color: #ffaa00;

  /* 字体变量 */
  --font-family-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  --font-family-mono: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
    monospace;

  /* 尺寸变量 */
  --border-radius: 4px;
  --box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  --transition: all 0.3s ease;

  /* 间距变量 */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
}