// ==========================================
// SCSS Variables - 变量系统
// ==========================================

/* ===== 主题色 ===== */
$primary-color: #1e73be !default;
$primary-dark: #155a8a !default;
$primary-light: #3b82f6 !default;
$primary-lighter: #60a5fa !default;

/* ===== 渐变色 ===== */
$primary-gradient: linear-gradient(135deg, #1e73be 0%, #3b82f6 100%) !default;
$tech-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%) !default;
$orange-gradient: linear-gradient(135deg, rgba(255, 140, 50, 0.08), rgba(255, 160, 80, 0.12), rgba(255, 140, 50, 0.08)) !default;
$header-gradient: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%) !default;
$footer-gradient: linear-gradient(135deg, #0f172a 0%, #1e3c72 50%, #2a5298 100%) !default;

/* ===== 中性色 ===== */
$text-primary: #1a1a1a !default;
$text-regular: #555555 !default;
$text-secondary: #4a4a4a !default;
$text-tertiary: #666666 !default;
$text-muted: #999999 !default;
$text-light: #f5f5f5 !default;
$border-color: #e0e0e0 !default;
$bg-light: #fafbfc !default;
$bg-lighter: #f0f2f5 !default;
$bg-dark: #0f172a !default;

/* ===== 功能色 ===== */
$success-color: #67c23a !default;
$warning-color: #e6a23c !default;
$danger-color: #f56c6c !default;
$info-color: #909399 !default;

/* ===== 阴影 ===== */
$shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08) !default;
$shadow-md: 0 8px 32px rgba(0, 0, 0, 0.12) !default;
$shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.15) !default;
$glow-blue: 0 0 20px rgba(30, 115, 190, 0.3) !default;
$glow-blue-lg: 0 0 40px rgba(30, 115, 190, 0.4) !default;
$glow-orange: 0 0 20px rgba(255, 140, 50, 0.3) !default;

/* ===== 圆角 ===== */
$radius-sm: 8px !default;
$radius-md: 12px !default;
$radius-lg: 16px !default;
$radius-xl: 20px !default;
$radius-2xl: 24px !default;
$radius-full: 9999px !default;

/* ===== 过渡动画 ===== */
$transition-fast: all 0.2s ease !default;
$transition-base: all 0.3s ease !default;
$transition-slow: all 0.4s ease !default;
$transition-bounce: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !default;

/* ===== 字体 ===== */
$font-family-base: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", Arial, sans-serif !default;
$font-weight-light: 300 !default;
$font-weight-regular: 400 !default;
$font-weight-medium: 500 !default;
$font-weight-semibold: 600 !default;
$font-weight-bold: 700 !default;

$font-size-xs: 12px !default;
$font-size-sm: 14px !default;
$font-size-base: 16px !default;
$font-size-lg: 18px !default;
$font-size-xl: 20px !default;
$font-size-2xl: 24px !default;
$font-size-3xl: 28px !default;
$font-size-4xl: 32px !default;
$font-size-5xl: 36px !default;
$font-size-6xl: 42px !default;

/* ===== 间距 ===== */
$spacer-1: 10px !default;
$spacer-2: 20px !default;
$spacer-3: 30px !default;
$spacer-4: 40px !default;
$spacer-5: 50px !default;
$spacer-6: 60px !default;
$spacer-7: 70px !default;
$spacer-8: 80px !default;
$spacer-9: 90px !default;
$spacer-10: 100px !default;

/* ===== 布局 ===== */
$header-height: 80px !default;
$header-height-mobile: 70px !default;
$container-max-width: 1200px !default;
$container-padding: 20px !default;

/* ===== 断点 ===== */
$breakpoint-xs: 0 !default;
$breakpoint-sm: 576px !default;
$breakpoint-md: 768px !default;
$breakpoint-lg: 992px !default;
$breakpoint-xl: 1200px !default;
$breakpoint-2xl: 1400px !default;

/* ===== 断点映射 ===== */
$breakpoints: (
  'xs': $breakpoint-xs,
  'sm': $breakpoint-sm,
  'md': $breakpoint-md,
  'lg': $breakpoint-lg,
  'xl': $breakpoint-xl,
  '2xl': $breakpoint-2xl
) !default;

/* ===== Z-index 层级 ===== */
$z-index-base: 1 !default;
$z-index-dropdown: 100 !default;
$z-index-sticky: 1000 !default;
$z-index-fixed: 1010 !default;
$z-index-modal-backdrop: 1040 !default;
$z-index-modal: 1050 !default;
$z-index-popover: 1060 !default;
$z-index-tooltip: 1070 !default;
$z-index-toast: 3000 !default;