/* ============================================
   设计系统 - CSS 变量（Design Tokens）
   对齐 06-原型设计Spec.md 3.1 色彩方案
   ============================================ */

:root {
  /* === 主色调 === */
  --primary-500: #1A6DFF;
  --primary-400: #4D8FFF;
  --primary-300: #80B0FF;
  --primary-100: #EBF3FF;
  --primary-50: #F5F8FF;

  /* === 辅助色 === */
  --success: #00C853;
  --warning: #FF9100;
  --danger: #FF3D00;
  --info: #1A6DFF;

  /* === 中性色 === */
  --text-primary: #1A1A1A;
  --text-secondary: #666666;
  --text-hint: #999999;
  --text-disabled: #CCCCCC;
  --border-default: #EBEBEB;
  --border-light: #F0F0F0;
  --background: #F5F6F8;
  --surface: #FFFFFF;
  --surface-secondary: #F9FAFB;
  --mask: rgba(0, 0, 0, 0.5);

  /* === 功能色 === */
  --wechat-green: #07C160;
  --share-blue: #576B95;

  /* === 圆角 === */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-xl: 16px;
  --radius-round: 9999px;

  /* === 阴影 === */
  --shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.12);

  /* === 间距 === */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;

  /* === 字体 === */
  --font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-h1: bold 24px/1.4 var(--font-family);
  --font-h2: bold 20px/1.4 var(--font-family);
  --font-h3: bold 18px/1.5 var(--font-family);
  --font-h4: 500 16px/1.5 var(--font-family);
  --font-body: 14px/1.6 var(--font-family);
  --font-caption: 12px/1.5 var(--font-family);

  /* === 导航 === */
  --navbar-height: 56px;
  --tabbar-height: 56px;
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);

  /* === 动画 === */
  --transition-fast: 150ms ease-out;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
}