/* ===================================
   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);

  /* ── 语义色系统 ── */

  /* 已确认 / 已晋级（绿） */
  --status-confirmed-bg: #d1fae5;
  --status-confirmed-text: #065f46;
  --status-confirmed-accent: #10b981;
  --status-confirmed-deep: #059669;

  /* 错误 / 未注册（红） */
  --status-error-bg: #fee2e2;
  --status-error-text: #991b1b;
  --status-error-accent: #dc2626;

  /* 待确认 / 未追踪（琥珀） */
  --status-unknown-bg: #fef3c7;
  --status-unknown-text: #92400e;
  --status-unknown-accent: #f59e0b;
  --status-unknown-deep: #d97706;

  /* Skills roll-down 候选（深琥珀） */
  --status-opportunity-bg: #fde68a;
  --status-opportunity-text: #212529;
  --status-opportunity-border: #b45309;
  --status-opportunity-score: #92400e;

  /* 跨年级 / 信息（蓝） */
  --status-info-bg: #dbeafe;
  --status-info-text: #1e40af;

  /* 已通过赛事晋级 — 灰色标记（Skills 表） */
  --status-muted-bg: #d1d5db;
  --status-muted-text: #1f2937;

  /* Skills #11+ 超出范围（浅灰） */
  --status-beyond-bg: #e2e8f0;
  --status-beyond-border: #cbd5e1;

  /* 覆盖率颜色 */
  --coverage-high: #059669;
  --coverage-mid: #d97706;
  --coverage-low: #dc2626;

  /* Card Header 彩条 */
  --accent-amber: #f59e0b;
  --accent-green: #10b981;
  --accent-blue: #3b82f6;
  --accent-purple: #7c3aed;
  --accent-orange: #f97316;
}
