/* ===== CSS 变量 ===== */
:root {
  /* 颜色 */
  --primary: #007aff;
  --primary-light: #4da3ff;
  --primary-dark: #0056b3;
  --primary-soft: #e8f2ff;
  --success: #34c759;
  --success-soft: #eaf8ef;
  --danger: #ff3b30;
  --danger-soft: #fff0ee;
  --warning: #ff9f0a;
  --warning-soft: #fff8e1;
  --accent-orange: #f97316;
  --accent-teal: #14b8a6;

  /* 文字 */
  --ink: #111827;
  --muted: #6b7280;
  --text-muted: #9ca3af;

  /* 表面 */
  --page: #f6f8fb;
  --surface: #ffffff;
  --surface-glass: rgba(255, 255, 255, 0.78);
  --surface-soft: #f2f6fb;
  --line: #dfe5ee;

  /* 阴影 */
  --shadow: 0 24px 60px rgba(35, 47, 67, 0.14);
  --soft-shadow: 0 12px 28px rgba(35, 47, 67, 0.08);

  /* 安全区域 */
  --safe-top: env(safe-area-inset-top, 12px);
  --safe-bottom: env(safe-area-inset-bottom, 12px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  /* 尺寸 */
  --header-height: 52px;
}