/**
 * RolePilot 网站 - CSS 变量定义
 * 赛博朋克风格设计系统
 */

:root {
  /* ========== 核心颜色 ========== */
  --rp-bg-color: #050505;
  --rp-primary: #00f3ff; /* 赛博青 */
  --rp-secondary: #7000ff; /* 霓虹紫 */
  --rp-text-color: #e0f7ff;
  --rp-grid-color: rgba(0, 243, 255, 0.15);

  /* ========== 背景色 ========== */
  --rp-bg-primary: #050505;
  --rp-bg-secondary: #0a0a0a;
  --rp-bg-card: rgba(20, 20, 20, 0.8);
  --rp-bg-card-hover: rgba(30, 30, 30, 0.9);

  /* ========== 边框色 ========== */
  --rp-border: rgba(0, 243, 255, 0.3);
  --rp-border-hover: rgba(0, 243, 255, 0.5);

  /* ========== 文字色 ========== */
  --rp-text-primary: #e0f7ff;
  --rp-text-secondary: rgba(224, 247, 255, 0.85);
  --rp-text-muted: rgba(224, 247, 255, 0.55);

  /* ========== 强调色 ========== */
  --rp-accent: #00f3ff;
  --rp-accent-hover: #33f5ff;
  --rp-accent-glow: rgba(0, 243, 255, 0.4);
  --rp-accent-bg: rgba(0, 243, 255, 0.1);

  /* ========== 斜切角尺寸 ========== */
  --rp-cut-xs: 6px;
  --rp-cut-sm: 10px;
  --rp-cut-md: 16px;
  --rp-cut-lg: 20px;
  --rp-cut-xl: 32px;

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

  /* ========== 字体 ========== */
  --rp-font-mono: 'JetBrains Mono', 'SF Mono', 'Consolas', monospace;
  --rp-font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', sans-serif;

  /* ========== 字号 ========== */
  --rp-text-xs: 0.8rem;
  --rp-text-sm: 1rem;
  --rp-text-base: 1.125rem;
  --rp-text-lg: 1.125rem;
  --rp-text-xl: 1.25rem;
  --rp-text-2xl: 1.5rem;
  --rp-text-3xl: 2rem;
  --rp-text-4xl: 2.5rem;
  --rp-text-5xl: 5rem;

  /* ========== 过渡 ========== */
  --rp-transition-fast: 0.15s ease;
  --rp-transition-normal: 0.3s ease;
  --rp-transition-slow: 0.5s ease;

  /* ========== 布局 ========== */
  --rp-nav-height: 64px;
  --rp-container-max: 1200px;
  --rp-container-padding: 24px;
}