/* CSS Variables — 主题配置 */
:root {
  /* 主色调 */
  --primary: #1a1a2e;
  --primary-light: #16213e;
  --secondary: #0f3460;
  --accent: #e94560;
  --accent-hover: #d63851;

  /* 背景 */
  --bg-primary: #0a0a1a;
  --bg-secondary: #1a1a2e;
  --bg-card: #16213e;
  --bg-input: #0f3460;

  /* 文字 */
  --text-primary: #e0e0e0;
  --text-secondary: #a0a0b0;
  --text-muted: #666680;
  --text-inverse: #ffffff;

  /* 状态色 */
  --success: #4caf50;
  --warning: #ff9800;
  --error: #f44336;
  --info: #2196f3;

  /* 边框 */
  --border: #2a2a4a;
  --border-focus: #e94560;

  /* 阴影 */
  --shadow-sm: 0 2px 4px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 12px rgba(0,0,0,0.4);
  --shadow-lg: 0 8px 24px rgba(0,0,0,0.5);

  /* 圆角 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;

  /* 间距 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* 过渡 */
  --transition: 0.2s ease;
}