/* ========================================
   CSS 变量定义 - 全局设计令牌
   ======================================== */

:root {
  /* 背景与面板 */
  --bg-color: #f6f9fc;
  --panel-bg: rgba(255, 255, 255, 0.95);
  --border-color: #e2e8f0;
  --border-hover: #cbd5e1;

  /* 主色调 - 亮蓝高定 */
  --primary: #0066ff;
  --primary-hover: #0052cc;
  --primary-light: #eff6ff;
  --primary-glow: rgba(0, 102, 255, 0.15);

  /* 辅助色 */
  --accent-purple: #7c3aed;

  /* 文字 */
  --text-main: #0f172a;
  --text-muted: #64748b;

  /* 输入框 */
  --input-bg: #ffffff;

  /* 功能色 */
  --danger-color: #ef4444;
  --success-color: #10b981;

  /* 圆角 */
  --radius-lg: 20px;
  --radius-md: 12px;

  /* 阴影 */
  --shadow-soft: 0 20px 40px -15px rgba(0, 102, 255, 0.07);
  --shadow-hover: 0 25px 50px -12px rgba(0, 102, 255, 0.15);
}