/**
 * DeepSleep Landing Page - CSS Variables
 * 色彩系统、字体、间距、圆角、阴影
 */

:root {
  /* ========== 色彩系统 ========== */
  /* 品牌主色 */
  --color-primary: #6B7FD7;
  --color-primary-light: #8B9FE8;
  --color-primary-dark: #5A6BC4;
  --color-primary-gradient: #8B5CF6;
  
  /* 背景色 */
  --bg-deepest: #080B14;
  --bg-primary: #0D1220;
  --bg-card: #141929;
  --bg-hover: #1A2138;
  
  /* 文字色 */
  --text-primary: #E8ECF5;
  --text-secondary: #9AA3B8;
  --text-tertiary: #5A6578;
  
  /* 边框 */
  --border-color: #1E2640;
  
  /* 功能色 */
  --color-warning: #E88A2A;
  --color-success: #6B7FD7;
  --color-error: #E05C5C;
  --color-info: #3D9FE8;
  --color-white: #FFFFFF;
  --color-gold: #FFD700;
  --color-black-alpha: rgba(0, 0, 0, 0.5);
  
  /* 渐变色 */
  --gradient-primary: linear-gradient(135deg, #080B14 0%, #1A2A5E 100%);
  --gradient-button: linear-gradient(90deg, #FF6B35, #FF8C5A);
  --gradient-download: linear-gradient(180deg, #0D1220 0%, #080B14 100%);
  
  /* ========== 字体系统 ========== */
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans SC", sans-serif;
  
  --font-hero: 48px / 1.2;
  --font-h1: 36px / 1.3;
  --font-h2: 24px / 1.4;
  --font-h3: 18px / 1.5;
  --font-body: 16px / 1.6;
  --font-small: 14px / 1.5;
  --font-button: 16px / 1;
  
  /* ========== 间距系统 ========== */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 48px;
  --space-2xl: 80px;
  
  /* ========== 圆角系统 ========== */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-full: 9999px;
  
  /* ========== 阴影系统 ========== */
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.3);
  --shadow-hover: 0 8px 30px rgba(0, 0, 0, 0.4);
  --shadow-navbar: 0 2px 10px rgba(0, 0, 0, 0.2);
  
  /* ========== 响应式断点 ========== */
  --breakpoint-mobile: 768px;
  --breakpoint-tablet: 1024px;
  
  /* ========== 过渡动画 ========== */
  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;
  --transition-slow: 0.5s ease;
}