/* ============================================================
   AURORA · 陪玩接单系统  设计令牌 (Design Tokens)
   唯一真源：所有颜色/圆角/阴影/字体/间距只能引用这里的变量
   修改视觉只改本文件，不改组件
   ============================================================ */

:root {
  /* ---------- 1. 中性色（暖调灰，非冷灰，避免"技术模板感"） ---------- */
  --ink-900: #15181b;   /* 主文字 / 深色按钮底 */
  --ink-800: #232a2e;
  --ink-700: #3d4449;
  --ink-600: #525a60;
  --ink-500: #6b7378;   /* 次要文字 */
  --ink-400: #8c9498;   /* 辅助文字 */
  --ink-300: #b6bcc0;   /* 占位符 / 禁用文字 */
  --ink-200: #d8dcdf;   /* 强边框 */
  --ink-100: #e9ebed;   /* 弱边框 */
  --ink-50:  #f2f2f0;

  --paper:     #f7f6f3;  /* 页面底色：暖白 */
  --surface:   #ffffff;  /* 卡片 */
  --surface-2: #fbfaf8;  /* 次级面 / 输入框底 */
  --surface-3: #f2f1ed;
  --line:      #e7e5e0;  /* 暖调分隔线 */
  --line-soft: #f0eeea;

  /* ---------- 2. 品牌色：深海青（低饱和，克制） ---------- */
  --brand-900: #0c3a38;
  --brand-800: #104a47;
  --brand-700: #14524f;
  --brand-600: #1a6461;
  --brand-500: #1f726e;  /* 主色 */
  --brand-400: #3d8c88;
  --brand-300: #7fb6b2;
  --brand-200: #b7d6d3;
  --brand-100: #dcebe9;
  --brand-50:  #eef5f4;

  /* ---------- 3. 暖砂金：价格/评分/勋章等"价值"语义 ---------- */
  --sand-700: #8f6636;
  --sand-600: #a87945;
  --sand-500: #be8b52;   /* 星星 */
  --sand-300: #dfc3a0;
  --sand-100: #f4e9db;
  --sand-50:  #faf4ec;

  /* ---------- 4. 语义色（全部低饱和，统一明度） ---------- */
  --ok-600: #2f6a52;
  --ok-500: #3d8064;
  --ok-100: #e2efe9;
  --warn-600: #97702f;
  --warn-500: #b8893f;
  --warn-100: #f7eddc;
  --err-600: #8e4234;
  --err-500: #a8503f;
  --err-100: #f6e4e0;
  --info-500: #4a6b7c;
  --info-100: #e6edf1;

  /* ---------- 5. 圆角（分级，不统一） ---------- */
  --r-xs: 6px;    /* 小标签 / 徽章 */
  --r-sm: 10px;   /* 输入框 / 小按钮 / 小图 */
  --r-md: 14px;   /* 常规卡片 */
  --r-lg: 20px;   /* 大卡片 / 面板 */
  --r-xl: 28px;   /* 弹窗 / 抽屉 */
  --r-pill: 999px;

  /* ---------- 6. 阴影（分层柔光，无浓黑） ---------- */
  --sh-1: 0 1px 2px rgba(21, 24, 27, 0.04), 0 1px 1px rgba(21, 24, 27, 0.03);
  --sh-2: 0 2px 6px -2px rgba(21, 24, 27, 0.06), 0 10px 24px -12px rgba(21, 24, 27, 0.10);
  --sh-3: 0 4px 12px -4px rgba(21, 24, 27, 0.08), 0 24px 48px -20px rgba(21, 24, 27, 0.18);
  --sh-4: 0 32px 80px -32px rgba(21, 24, 27, 0.28), 0 8px 24px -12px rgba(21, 24, 27, 0.12);
  --sh-inset: inset 0 1px 0 rgba(255, 255, 255, 0.72);   /* 卡片顶部内高光 */

  /* ---------- 7. 字体 ---------- */
  --font: "SF Pro Text", -apple-system, BlinkMacSystemFont, "PingFang SC",
          "HarmonyOS Sans SC", "Hiragino Sans GB", "Noto Sans SC",
          "Source Han Sans SC", "Microsoft YaHei", sans-serif;
  --font-num: "SF Pro Display", -apple-system, "Helvetica Neue", Arial, sans-serif;

  /* 移动端字号层级 */
  --fs-display: 26px; --lh-display: 34px;
  --fs-h1: 21px;      --lh-h1: 28px;
  --fs-h2: 17px;      --lh-h2: 24px;
  --fs-body: 15px;    --lh-body: 23px;
  --fs-sm: 13px;      --lh-sm: 19px;
  --fs-xs: 11px;      --lh-xs: 16px;
  --fs-price: 19px;

  /* PC 字号层级（独立一套，非移动端放大） */
  --pc-fs-h1: 27px;   --pc-lh-h1: 36px;
  --pc-fs-h2: 19px;   --pc-lh-h2: 27px;
  --pc-fs-h3: 15px;   --pc-lh-h3: 22px;
  --pc-fs-body: 14px; --pc-lh-body: 22px;
  --pc-fs-sm: 12.5px; --pc-lh-sm: 19px;
  --pc-fs-xs: 11.5px;

  /* 字重 */
  --fw-r: 400; --fw-m: 500; --fw-sb: 600; --fw-b: 700;

  /* ---------- 8. 间距（4 栅格） ---------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px; --sp-9: 48px;
  --gutter: 20px;          /* 移动端左右安全边距 */
  --gap-card: 12px;        /* 卡片之间 */
  --pad-card: 16px;        /* 卡片内边距 */

  /* ---------- 9. 动效 ---------- */
  --ease: cubic-bezier(0.32, 0.72, 0, 1);      /* Apple 式 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-1: 160ms; --dur-2: 280ms; --dur-3: 420ms;

  /* ---------- 10. 玻璃（点缀，不大面积） ---------- */
  --glass-bg: rgba(255, 255, 255, 0.72);
  --glass-bg-dark: rgba(21, 24, 27, 0.62);
  --glass-blur: blur(24px) saturate(180%);
  --glass-line: rgba(255, 255, 255, 0.66);
  --glass-line-dark: rgba(255, 255, 255, 0.12);

  /* ---------- 11. 层级 ---------- */
  --z-tabbar: 60;
  --z-header: 50;
  --z-sheet: 80;
  --z-modal: 90;
  --z-toast: 100;
}

/* 触控端：字号不随系统缩放失控，但保留可访问性 */
@media (max-width: 767px) {
  :root { --fs-display: 25px; }
}