/* ============================================================
   帮遛狗 · 设计令牌 (Design Tokens)
   所有颜色、圆角、间距、字号的唯一来源，业务模块不得硬编码色值
   ============================================================ */
:root {
  /* —— 底色 —— */
  --bg:            #F6F5F2;
  --bg-deep:       #EDEBE5;
  --surface:       #FFFFFF;
  --surface-2:     #F7F6F2;
  --surface-3:     #F1EFE8;
  --on-primary:    #FFFFFF;

  /* —— 描边 —— */
  --line:          #E7E4DC;
  --line-2:        #D6D2C8;

  /* —— 文字 —— */
  --ink:           #2C2C2A;
  --ink-2:         #4A4945;
  --muted:         #75746E;
  --hint:          #9A998F;

  /* —— 主色 · 蓝（狗主子 / 通用主操作）—— */
  --primary:       #185FA5;
  --primary-50:    #E6F1FB;
  --primary-100:   #B5D4F4;
  --primary-200:   #85B7EB;
  --primary-800:   #0C447C;
  --primary-900:   #042C53;

  /* —— 辅助 · 青（狗腿子 / 成功态）—— */
  --teal:          #0F6E56;
  --teal-50:       #E1F5EE;
  --teal-100:      #9FE1CB;

  /* —— 提醒 · 琥珀（佣金 / 待处理）—— */
  --amber:         #854F0B;
  --amber-600:     #BA7517;
  --amber-50:      #FAEEDA;
  --amber-100:     #FAC775;

  /* —— 危险 · 红（取消 / 争议）—— */
  --red:           #A32D2D;
  --red-600:       #E24B4A;
  --red-50:        #FCEBEB;
  --red-100:       #F7C1C1;

  /* —— 中性 · 灰 —— */
  --gray-50:       #F1EFE8;
  --gray-100:      #D3D1C7;
  --gray-600:      #888780;
  --gray-800:      #444441;

  /* —— 圆角 —— */
  --r-sm:   6px;
  --r-md:   10px;
  --r-lg:   14px;
  --r-xl:   18px;
  --r-pill: 999px;

  /* —— 阴影 —— */
  --shadow-1: 0 1px 2px rgba(44, 44, 42, .05);
  --shadow-2: 0 4px 16px rgba(44, 44, 42, .10);
  --shadow-3: 0 -4px 24px rgba(44, 44, 42, .12);

  /* —— 间距 —— */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* —— 字号 —— */
  --fs-xs:   11px;
  --fs-sm:   12px;
  --fs-md:   13px;
  --fs-base: 14px;
  --fs-lg:   16px;
  --fs-xl:   19px;
  --fs-2xl:  24px;

  /* —— 布局 —— */
  --appbar-h: 52px;
  --tabbar-h: 58px;
  --app-max:  480px;
}