/* ===================================
   VEX Platform 设计系统 - CSS 变量
   所有模块共享的颜色、字体、间距
   =================================== */

:root {
  /* 品牌色 */
  --brand-primary: #e94560;      /* VEX 红 */
  --brand-primary-hover: #d63a52;
  --brand-secondary: #3b82f6;    /* 蓝色 */
  --brand-secondary-hover: #2563eb;

  /* 亮色模式 */
  --bg-page: #f5f5f7;
  --bg-card: #ffffff;
  --bg-input: rgba(229, 231, 235, 0.5);
  --bg-nav: rgba(255, 255, 255, 0.72);
  --text-primary: #111827;
  --text-secondary: #4b5563;
  --text-muted: #6b7280;
  --border-color: #e5e7eb;

  /* 间距 */
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;

  /* 圆角 */
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  /* 字体 */
  --font-sans: -apple-system, "SF Pro SC", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --font-mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;

  /* 阴影 */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

  /* 过渡 */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.3s ease;

  /* 品牌色（睿冠） */
  --rg-teal: #3fb8c4;
  --rg-teal-soft: rgba(63, 184, 196, 0.1);
  --rg-coral: #e8734a;
  --rg-coral-soft: rgba(232, 115, 74, 0.1);

  /* 背景网格 */
  --grid-line: rgba(0, 0, 0, 0.025);

  /* 等宽字体（含外部字体） */
  --mono: 'IBM Plex Mono', var(--font-mono);
}