/* CSS Variables - 设计系统变量定义 */

:root {
  /* 升级配色系统 */
  --primary-green: #00FFA3;
  --primary-blue: #00E0FF;
  --primary-purple: #0099FF;
  --dark-bg: #0A0B0D;
  --dark-bg-secondary: #111215;
  --card-bg: rgba(255, 255, 255, 0.02);
  --card-bg-hover: rgba(255, 255, 255, 0.04);
  --text-primary: #FFFFFF;
  --text-secondary: #A0A0A0;
  --text-tertiary: #707070;
  --text-accent: #00FFA3;

  /* 高级渐变 */
  --gradient: linear-gradient(135deg, #00FFA3 0%, #00E0FF 50%, #0099FF 100%);
  --gradient-hover: linear-gradient(135deg, #00FFB3 0%, #00F0FF 50%, #00A9FF 100%);

  /* 光晕效果 */
  --glow-green: 0 0 60px rgba(0, 255, 163, 0.15);
  --glow-blue: 0 0 80px rgba(0, 224, 255, 0.1);
  --glow-accent: 0 0 100px rgba(0, 255, 163, 0.2);

  /* 阴影系统 */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 8px 24px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.2);
  --shadow-xl: 0 40px 100px rgba(0, 0, 0, 0.4), 0 20px 60px rgba(0, 0, 0, 0.3);

  /* 毛玻璃效果 */
  --glass-bg: rgba(17, 18, 21, 0.7);
  --glass-border: rgba(255, 255, 255, 0.06);
}