/* 数字森林科技官网 - CSS变量系统 */
/* 设计令牌定义，统一管理所有设计元素 */

:root {
  /* 颜色系统 - 绿色主题（优化版） */
  --primary-green: #2E7D32;      /* 主绿色（更深更稳重） */
  --light-green: #FAFCFA;        /* 浅绿色背景（更接近白色） */
  --dark-green: #1B5E20;         /* 深绿色文字 */
  --medium-green: #388E3C;       /* 中等绿色文字（提升对比度） */
  --accent-green: #4CAF50;       /* 强调绿色（更亮眼） */
  --success-green: #43A047;      /* 成功绿色 */
  --hover-green: #2C5F2D;        /* 悬停绿色 */
  
  /* 渐变色系 - 高科技感 */
  --gradient-primary: linear-gradient(135deg, #2E7D32 0%, #4CAF50 100%);
  --gradient-light: linear-gradient(135deg, #F1F8E9 0%, #E8F5E8 100%);
  --gradient-tech: linear-gradient(45deg, #1B5E20 0%, #2E7D32 50%, #4CAF50 100%);
  --gradient-forest: linear-gradient(180deg, #F1F8E9 0%, #E8F5E8 50%, #C8E6C9 100%);
  
  /* 自然元素色彩 */
  --nature-leaf: #66BB6A;
  --nature-bark: #5D4037;
  --nature-sky: #E3F2FD;
  --nature-earth: #8D6E63;
  
  /* 中性色系 */
  --white: #FFFFFF;
  --gray-light: #F5F5F5;
  --gray-medium: #E0E0E0;
  --gray-dark: #757575;
  --text-dark: #333333;
  --text-medium: #666666;
  --text-light: #999999;
  
  /* 间距系统 - 8px基准 */
  --space-xs: 8px;               /* 极小间距 */
  --space-sm: 16px;              /* 小间距 */
  --space-md: 24px;              /* 中等间距 */
  --space-lg: 32px;              /* 大间距 */
  --space-xl: 48px;              /* 超大间距 */
  --space-2xl: 64px;             /* 特大间距 */
  --space-3xl: 96px;             /* 巨大间距 */
  
  /* 字体大小系统 */
  --font-xs: 0.75rem;            /* 12px */
  --font-sm: 0.875rem;           /* 14px */
  --font-base: 1rem;             /* 16px */
  --font-lg: 1.125rem;           /* 18px */
  --font-xl: 1.25rem;            /* 20px */
  --font-2xl: 1.5rem;            /* 24px */
  --font-3xl: 2rem;              /* 32px */
  --font-4xl: 2.5rem;            /* 40px */
  --font-5xl: 3rem;              /* 48px */
  
  /* 字体粗细 */
  --font-light: 300;
  --font-normal: 400;
  --font-medium: 500;
  --font-semibold: 600;
  --font-bold: 700;
  
  /* 行高系统 */
  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;
  
  /* 圆角系统 */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-full: 50%;
  
  /* 阴影系统 */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
  --shadow-green: 0 4px 20px rgba(46, 125, 50, 0.15);
  --shadow-tech: 0 8px 32px rgba(76, 175, 80, 0.2);
  
  /* 动画和特效 */
  --particle-size: 4px;
  --particle-opacity: 0.6;
  --glow-intensity: 0.3;
  --tech-border: 2px solid rgba(76, 175, 80, 0.3);
  
  /* 自然纹理效果 */
  --leaf-pattern: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 10c20 20 30 40 0 70-30-30-20-50 0-70z" fill="%2366BB6A" opacity="0.1"/></svg>');
  --forest-texture: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(102, 187, 106, 0.05) 2px, rgba(102, 187, 106, 0.05) 4px);
  
  /* 过渡动画 */
  --transition-fast: 0.15s ease-in-out;
  --transition-normal: 0.3s ease-in-out;
  --transition-slow: 0.5s ease-in-out;
  
  /* 布局尺寸 */
  --container-max-width: 1600px;
  --navbar-height: 60px;
  --section-min-height: auto;
  
  /* Z-index层级 */
  --z-dropdown: 1000;
  --z-sticky: 1020;
  --z-fixed: 1030;
  --z-modal-backdrop: 1040;
  --z-modal: 1050;
  --z-popover: 1060;
  --z-tooltip: 1070;
}

/* 深色主题变量已移除，确保始终使用浅色主题以保证最佳可读性 */