/* ========================================
   iGeneT Pro Theme Variables
   与 sunburst-cloud-frontend 主题色统一
   ======================================== */

:root {
  /* 主色系 - 与 Frontend $--color-primary: #1FAFAD 一致 */
  --color-primary: #1FAFAD;
  --color-primary-light-1: #4DC0BE;
  --color-primary-light-2: #7AD1CF;
  --color-primary-light-3: #A7E1E0;
  --color-primary-light-4: #D4F1F0;
  --color-primary-dark-1: #198E8C;
  --color-primary-dark-2: #136D6B;
  
  /* 渐变色 */
  --gradient-primary: linear-gradient(135deg, #1FAFAD 0%, #136D6B 100%);
  --gradient-hero: linear-gradient(135deg, #0a4a48 0%, #1FAFAD 50%, #0a4a48 100%);
  --gradient-section: linear-gradient(180deg, #f8fffe 0%, #e8f7f6 100%);
  
  /* 功能色 - 与 Frontend 一致 */
  --color-success: #27AE60;
  --color-warning: #F39C12;
  --color-danger: #E74C3C;
  --color-info: #3498DB;
  
  /* 文字色 */
  --color-text-primary: #303133;
  --color-text-regular: #606266;
  --color-text-secondary: #909399;
  --color-text-light: #ffffff;
  --color-text-muted: rgba(255, 255, 255, 0.7);
  
  /* 背景色 */
  --color-bg-white: #ffffff;
  --color-bg-light: #F5F7FA;
  --color-bg-section: #f8fffe;
  --color-bg-dark: #0a4a48;
  --color-bg-card: #ffffff;
  
  /* 边框色 */
  --color-border-light: #E4E7ED;
  --color-border-base: #DCDFE6;
  
  /* 阴影 */
  --shadow-sm: 0 2px 8px rgba(31, 175, 173, 0.08);
  --shadow-md: 0 4px 16px rgba(31, 175, 173, 0.12);
  --shadow-lg: 0 8px 32px rgba(31, 175, 173, 0.16);
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 8px 30px rgba(31, 175, 173, 0.2);
  
  /* 圆角 */
  --radius-sm: 6px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 32px;
  --radius-full: 9999px;
  
  /* 字体大小 */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-md: 18px;
  --font-size-lg: 20px;
  --font-size-xl: 24px;
  --font-size-2xl: 32px;
  --font-size-3xl: 40px;
  --font-size-4xl: 48px;
  --font-size-hero: clamp(32px, 5vw, 56px);
  
  /* 间距 */
  --spacing-xs: 8px;
  --spacing-sm: 16px;
  --spacing-md: 24px;
  --spacing-lg: 32px;
  --spacing-xl: 48px;
  --spacing-2xl: 64px;
  --spacing-3xl: 96px;
  
  /* 过渡 */
  --transition-fast: 0.15s ease;
  --transition-base: 0.3s ease;
  --transition-slow: 0.5s ease;
  
  /* 毛玻璃效果 */
  --glass-bg: rgba(255, 255, 255, 0.1);
  --glass-blur: blur(10px);
  --glass-border: 1px solid rgba(255, 255, 255, 0.2);
}