/* ============================================
   项目全生命周期管理系统 - CSS 变量定义
   暗黑科技风 · 移动端优先
   ============================================ */

:root {
  /* ---- 背景色 ---- */
  --bg-deep: #0a0a0f;
  --bg-card: rgba(255, 255, 255, 0.07);
  --bg-glass: rgba(255, 255, 255, 0.1);
  --border-glow: rgba(0, 240, 255, 0.2);

  /* ---- 霓虹色 ---- */
  --neon-cyan: #00f0ff;
  --neon-purple: #a855f7;
  --neon-pink: #f472b6;
  --neon-green: #22d3ee;

  /* ---- 文字色 ---- */
  --text-primary: #f1f5f9;
  --text-secondary: #cbd5e1;
  --text-muted: #94a3b8;

  /* ---- 状态色 ---- */
  --success: #34d399;
  --warning: #fbbf24;
  --danger: #f87171;

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

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

  /* ---- 字体 ---- */
  --font-body: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;

  /* ---- 布局尺寸 ---- */
  --header-h: 56px;
  --tab-h: 56px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}