/**
 * 亚太市场页面CSS变量
 * 采用亚太地区传统色彩，红色、金色和深蓝色为主
 */

:root {
  /* 主色调 - 亚太地区典型颜色 */
  --apac-primary: #e94b35;       /* 中国红/亚洲红 */
  --apac-secondary: #fabd4a;     /* 金色，象征繁荣 */
  --apac-accent: #29335c;        /* 深蓝色，代表海洋和稳定 */
  --apac-light: #f8f5f0;         /* 淡米色，营造高级感 */
  --apac-dark: #2a2732;          /* 近黑色 */
  
  /* 渐变色 */
  --apac-gradient-primary: linear-gradient(135deg, #e94b35 0%, #ff6a3a 100%);
  --apac-gradient-gold: linear-gradient(135deg, #f8c471 0%, #fabd4a 100%);
  --apac-gradient-ocean: linear-gradient(135deg, #29335c 0%, #3a4a7c 100%);
  
  /* 文字颜色 */
  --apac-text-dark: #212a3e;
  --apac-text-medium: #546177;
  --apac-text-light: #7d8a9f;
  --apac-text-white: #ffffff;
  
  /* 背景颜色 */
  --apac-bg-light: #f9f9f9;
  --apac-bg-primary: #fff9f5;
  --apac-bg-secondary: #f5f7ff;
  --apac-bg-dark: #29335c;
  
  /* 边框颜色 */
  --apac-border-light: rgba(0, 0, 0, 0.06);
  --apac-border-medium: rgba(0, 0, 0, 0.12);
  
  /* 阴影 */
  --apac-shadow-sm: 0 2px 8px rgba(42, 39, 50, 0.06);
  --apac-shadow-md: 0 6px 24px rgba(42, 39, 50, 0.1);
  --apac-shadow-lg: 0 12px 48px rgba(42, 39, 50, 0.15);
  
  /* 圆角 */
  --apac-radius-sm: 4px;
  --apac-radius-md: 8px;
  --apac-radius-lg: 16px;
  
  /* 间距 */
  --apac-spacing-xs: 8px;
  --apac-spacing-sm: 16px;
  --apac-spacing-md: 24px;
  --apac-spacing-lg: 48px;
  --apac-spacing-xl: 80px;
  
  /* 动画时间 */
  --apac-transition-fast: 0.2s;
  --apac-transition-medium: 0.3s;
  --apac-transition-slow: 0.5s;
  
  /* 字体 */
  --apac-font-primary: 'Noto Sans', 'Noto Sans SC', sans-serif;
  --apac-font-secondary: 'Playfair Display', serif;
}