/**
 * 东南亚市场 - 变量定义
 * 包含颜色、字体、边距等基础变量
 */

:root {
  /* 主色调 - 热带雨林和海洋色彩 */
  --sea-primary: #00796b;     /* 深绿色 - 东南亚热带雨林 */
  --sea-secondary: #1a237e;   /* 深蓝色 - 代表海洋 */
  --sea-accent: #ff6f00;      /* 橙色 - 代表日落和东南亚的活力 */
  --sea-light: #b2dfdb;       /* 浅绿色 */
  --sea-dark: #004d40;        /* 暗绿色 */
  --sea-water: #0277bd;       /* 水蓝色 - 东南亚海域 */
  --sea-sand: #ffe0b2;        /* 沙滩色 */
  --sea-culture: #c2185b;     /* 洋红色 - 代表东南亚文化色彩 */
  
  /* 中性色 */
  --sea-black: #212121;
  --sea-white: #ffffff;
  --sea-gray-100: #f5f5f5;
  --sea-gray-200: #eeeeee;
  --sea-gray-300: #e0e0e0;
  --sea-gray-400: #bdbdbd;
  --sea-gray-500: #9e9e9e;
  --sea-gray-600: #757575;
  --sea-gray-700: #616161;
  --sea-gray-800: #424242;
  --sea-gray-900: #212121;
  
  /* 字体 */
  --sea-font-primary: 'Noto Sans', 'Noto Sans SC', sans-serif;
  --sea-font-heading: 'Montserrat', 'Noto Sans SC', sans-serif;
  --sea-font-local: 'Noto Sans Thai', 'Noto Sans Khmer', 'Noto Sans Vietnamese', sans-serif;
  
  /* 字体大小 */
  --sea-font-size-xs: 0.75rem;    /* 12px */
  --sea-font-size-sm: 0.875rem;   /* 14px */
  --sea-font-size-base: 1rem;     /* 16px */
  --sea-font-size-md: 1.125rem;   /* 18px */
  --sea-font-size-lg: 1.25rem;    /* 20px */
  --sea-font-size-xl: 1.5rem;     /* 24px */
  --sea-font-size-2xl: 2rem;      /* 32px */
  --sea-font-size-3xl: 2.5rem;    /* 40px */
  --sea-font-size-4xl: 3rem;      /* 48px */
  
  /* 间距 */
  --sea-spacing-xs: 0.25rem;      /* 4px */
  --sea-spacing-sm: 0.5rem;       /* 8px */
  --sea-spacing-md: 1rem;         /* 16px */
  --sea-spacing-lg: 1.5rem;       /* 24px */
  --sea-spacing-xl: 2rem;         /* 32px */
  --sea-spacing-2xl: 3rem;        /* 48px */
  --sea-spacing-3xl: 4rem;        /* 64px */
  
  /* 边框 */
  --sea-border-radius-sm: 0.25rem;  /* 4px */
  --sea-border-radius-md: 0.5rem;   /* 8px */
  --sea-border-radius-lg: 1rem;     /* 16px */
  --sea-border-radius-full: 9999px; /* 圆形 */
  
  /* 阴影 */
  --sea-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --sea-shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --sea-shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
  --sea-shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);
  
  /* 过渡 */
  --sea-transition-fast: 150ms;
  --sea-transition-normal: 300ms;
  --sea-transition-slow: 500ms;
  
  /* 容器宽度 */
  --sea-container-sm: 640px;
  --sea-container-md: 768px;
  --sea-container-lg: 1024px;
  --sea-container-xl: 1280px;
  --sea-container-2xl: 1400px;
}