/* ============================================================
   设计令牌 tokens.css —— 港风 · 高保真
   主色 薄荷绿 #06A77D | 深墨绿 #0A3D2A | 霓虹红 #E60023
   复古金 #F5B301 | 翡翠绿 #0B6E54 | 深木棕 #5C3A21
   字体：系统默认
   ============================================================ */
:root {
  /* 品牌色 · 薄荷绿（绿系主色，港式茶餐厅翡翠主题） */
  --c-primary:       #06A77D;
  --c-primary-dark:  #048064;
  --c-primary-darker:#036652;
  --c-primary-light: #E6F6F0;
  --c-secondary:     #F4F1DE;  /* 奶油米 · 暖底 */
  --c-deep:          #0A3D2A;  /* 深墨绿 · 招牌底/深色文字 */

  /* 港风点缀色（高饱和撞色，去 AI 味） */
  --c-jade:   #0B6E54;  /* 翡翠绿 · 复古瓷砖 */
  --c-neon:   #E60023;  /* 霓虹红 · 促销/抽成差额 */
  --c-gold:   #F5B301;  /* 复古金 · 招牌字/评级 */
  --c-wood:   #5C3A21;  /* 深木棕 · 复古木纹 */

  /* 中性色 */
  --c-ink:     #1A1A1A;  /* 主文字 */
  --c-ink-2:   #55565A;  /* 次级文字 */
  --c-ink-3:   #9AA0A6;  /* 弱文字 */
  --c-bg:      #F6F7F8;  /* 页面背景 */
  --c-surface: #FFFFFF;  /* 卡片/面板 */
  --c-border:  #E5E7EB;
  --c-hover:   #F0F2F4;

  /* 语义色 */
  --c-danger:  #E60023;  /* 霓虹红：抽成金额/危险/拒单 */
  --c-warn:    #F5A623;  /* 黄：待确认/警告 */
  --c-success: #06A77D;  /* 绿：成功/实收 */
  --c-info:    #0A3D2A;  /* 深墨绿：信息 */

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

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

  /* 字体 · 系统默认 */
  --font: -apple-system, BlinkMacSystemFont, "PingFang HK", "PingFang TC",
          "Microsoft JhengHei", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* 阴影 · 高保真多层阴影 */
  --shadow-sm: 0 1px 3px rgba(16,24,40,.08), 0 1px 2px rgba(16,24,40,.05);
  --shadow-md: 0 4px 14px rgba(16,24,40,.10), 0 2px 4px rgba(16,24,40,.06);
  --shadow-lg: 0 16px 40px rgba(16,24,40,.16), 0 4px 10px rgba(16,24,40,.08);

  /* iOS 缓动曲线 */
  --ease-ios: cubic-bezier(0.32, 0.72, 0, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
}