/* ============================================================
   设计 token 唯一来源（对齐《产品库/设计规范/UI与交互开发标准.md》）
   组件只引用变量，页面不写裸值
   ============================================================ */
:root {
  /* 字号（全站 5 级） */
  --fs-l1: 18px;
  --fs-l2: 15px;
  --fs-l3: 14px;
  --fs-l4: 12px;
  --fs-l5: 11px;

  /* 间距（4 的倍数） */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;

  /* 底部安全区：安卓浏览器 env() 常为 0，24px 常量兜底 */
  --safe-bottom: max(env(safe-area-inset-bottom, 0px), 24px);

  /* 圆角三档 */
  --r-btn: 8px;
  --r-card: 12px;
  --r-pill: 999px;

  /* 动效 */
  --dur-tap: 120ms;
  --dur-fast: 200ms;
  --dur-base: 280ms;
  --dur-slow: 360ms;
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  /* z-index 分层 */
  --z-sticky: 20;
  --z-float: 30;
  --z-sheet: 90;
  --z-mask: 80;
  --z-toast: 100;

  /* 颜色（主色靛蓝，与产品库一致） */
  --c-primary: #4f46e5;
  --c-primary-deep: #4338ca;
  --c-primary-bg: #eef2ff;
  --c-text: #1a1a1a;
  --c-text-sub: #666666;
  --c-text-light: #999999;
  --c-success: #3aa95c;
  --c-success-bg: #edf8f1;
  --c-warning: #e08a00;
  --c-warning-bg: #fdf5e6;
  --c-danger: #d92d20;
  --c-danger-bg: #fef3f2;
  --c-blue: #2a8ae0;
  --c-bg: #f5f5f7;
  --c-card: #ffffff;
  --c-border: #e8e8ee;
  --c-divider: #f0f0f4;

  /* 卡片阴影与按钮外圈光效（只走外缘、范围小、中心不亮） */
  --shadow-card: 0 1px 2px rgba(16, 24, 40, 0.04), 0 6px 18px rgba(16, 24, 40, 0.04);
  --shadow-sheet: 0 -8px 32px rgba(16, 24, 40, 0.12);
  --glow-primary: 0 0 0 1px rgba(79, 70, 229, 0.22), 0 0 7px 0 rgba(79, 70, 229, 0.18);
  --glow-primary-hover: 0 0 0 1px rgba(79, 70, 229, 0.32), 0 0 9px 1px rgba(79, 70, 229, 0.22);
}