/* ============================================================
   Trip Share - CSS 自定义属性（橙色设计令牌体系）
   匹配 Figma 预览设计，暖橙色 #FF6B35 主色调
   ============================================================ */

:root {
  /* === 主色调 — 暖橙 === */
  --p: #FF6B35;                    /* 主色 */
  --pl: #FFF0EB;                   /* 浅橙背景 */
  --pm: #FFD4C2;                   /* 中橙边框/装饰 */

  /* === 功能色 === */
  --g: #27AE60;                    /* 成功绿 */
  --gl: #E8F8EE;                   /* 浅绿背景 */
  --r: #E74C3C;                    /* 错误红 */
  --rl: #FDEDEC;                   /* 浅红背景 */
  --b: #2980B9;                    /* 信息蓝 */
  --bl: #EBF5FB;                   /* 浅蓝背景 */

  /* 兼容旧变量名映射 */
  --color-primary: #FF6B35;
  --color-primary-light: #FF8C60;
  --color-primary-dark: #E55A2B;
  --color-primary-bg: #FFF0EB;
  --color-success: #27AE60;
  --color-success-bg: #E8F8EE;
  --color-warning: #F39C12;
  --color-warning-bg: #FEF5E7;
  --color-error: #E74C3C;
  --color-error-bg: #FDEDEC;
  --color-info: #2980B9;
  --color-info-bg: #EBF5FB;

  /* === 中性色/背景 === */
  --bg: #F2F2F2;                   /* 全局背景灰 */
  --color-bg: #F2F2F2;
  --color-surface: #FFFFFF;
  --color-border: rgba(0, 0, 0, 0.08);
  --bdr: rgba(0, 0, 0, 0.08);     /* 预览文件中的 border token */
  --color-divider: #F5F5F5;

  /* === 文字色 === */
  --color-text-primary: #1C1C1E;
  --color-text-secondary: #636366;
  --color-text-tertiary: #AEAEB2;
  --color-text-disabled: #C7C7CC;
  --color-text-on-primary: #FFFFFF;

  /* === 标签色（活动类型主题色） === */
  --tag-sea: #1565C0;       /* 海钓 */
  --tag-sea-bg: #EBF5FB;
  --tag-food: #6A1B9A;       /* 聚餐 */
  --tag-food-bg: #F5EEF8;
  --tag-outdoor: #1B5E20;    /* 户外 */
  --tag-outdoor-bg: #E8F8EE;
  --tag-sport: #BF360C;      /* 跑步/运动 */
  --tag-sport-bg: #FBE9E7;
  --tag-snorkel: #006064;    /* 浮潜 */
  --tag-snorkel-bg: #E0F7FA;

  /* === 间距 === */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 14px;
  --space-5: 16px;
  --space-6: 20px;
  --space-8: 24px;
  --space-10: 32px;

  /* === 圆角 === */
  --radius-sm: 6px;
  --radius-md: 8px;          /* 输入框 */
  --radius-lg: 12px;         /* 表单卡片 */
  --radius-xl: 14px;         /* 活动卡片/主卡片 */
  --radius-full: 20px;       /* 搜索栏/芯片 */

  /* === 字体 === */
  --font-family-base: -apple-system, 'PingFang SC', 'Hiragino Sans GB',
    'Microsoft YaHei', 'Segoe UI', Roboto, sans-serif;

  /* === 字号 === */
  --font-size-xs: 10px;
  --font-size-sm: 11px;
  --font-size-base: 12px;
  --font-size-md: 13px;
  --font-size-lg: 14px;
  --font-size-xl: 15px;
  --font-size-xxl: 16px;
  --font-size-title: 18px;

  /* === 字重 === */
  --font-weight-normal: 400;
  --font-weight-medium: 600;
  --font-weight-semibold: 700;
  --font-weight-bold: 800;

  /* === 行高 === */
  --line-height-tight: 1.3;
  --line-height-base: 1.5;
  --line-height-relaxed: 1.7;

  /* === 导航尺寸 === */
  --navbar-height: 44px;
  --tabbar-height: 56px;

  /* === 过渡 === */
  --transition-fast: 0.15s ease;
  --transition-base: 0.2s ease;

  /* Z-Index */
  --z-dropdown: 100;
  --z-sticky: 200;
  --z-modal-backdrop: 500;
  --z-modal: 510;
  --z-toast: 1000;

  /* === 阴影 === */
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
}