/* ===== 设计Token ===== */
:root {
  /* 主色 */
  --color-primary: #ff944f;
  --color-primary-end: #ffb347;
  --color-primary-strong: #d26b1e;
  --color-primary-gradient: linear-gradient(135deg, #ff7c47 0%, #ffb347 100%);
  --color-primary-light: #fff0e3;
  --color-primary-soft: #fff7ef;
  --color-header-overlay: rgba(114, 47, 12, 0.12);

  /* 功能色 */
  --color-red: #ff6a5f;
  --color-red-light: #fff0ee;
  --color-blue: #4f8ff8;
  --color-blue-light: #ebf3ff;
  --color-gold: #f7ae3b;
  --color-gold-light: #fff4dd;
  --color-green: #4cb878;
  --color-success: #4cb878;
  --color-warning: #f9a53b;
  --color-error: #f25c54;

  /* 中性色 */
  --color-bg: #fff8f1;
  --color-bg-card: #ffffff;
  --color-surface: #fffdf8;
  --color-text-primary: #4c2a15;
  --color-text-secondary: #8b644d;
  --color-text-hint: #b2947f;
  --color-border: #f3dcc9;
  --color-divider: #f8ede4;

  /* 玻璃效果 */
  --color-glass: rgba(255, 255, 255, 0.85);
  --color-glass-dark: rgba(255, 255, 255, 0.2);

  /* 阴影 */
  --shadow-sm: 0 4px 12px rgba(108, 58, 22, 0.08);
  --shadow-md: 0 10px 24px rgba(143, 81, 32, 0.12);
  --shadow-lg: 0 18px 44px rgba(143, 81, 32, 0.18);
  --shadow-card: 0 10px 24px rgba(91, 44, 14, 0.08);

  /* 圆角 */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-full: 9999px;

  /* 间距 */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 20px;
  --space-2xl: 24px;
  --space-3xl: 32px;

  /* 字体 */
  --font-family: 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
  --font-size-xs: 11px;
  --font-size-sm: 13px;
  --font-size-md: 15px;
  --font-size-lg: 17px;
  --font-size-xl: 20px;
  --font-size-2xl: 24px;
  --font-size-3xl: 32px;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  /* 动画 */
  --duration-fast: 150ms;
  --duration-normal: 250ms;
  --duration-slow: 400ms;
  --ease-out: cubic-bezier(0.0, 0.0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0.0, 0.2, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* 布局 */
  --header-height: 60px;
  --tab-bar-height: 72px;
  --safe-area-bottom: env(safe-area-inset-bottom, 0px);
}