/**
 * 设计令牌 —— 全站唯一改颜色的地方。
 *
 * 数值来源：小程序 app.wxss + 两个 预览*.html 原型。
 * 换算关系【rpx ÷ 2 = px】，这是小程序 750rpx 设计稿到 375px 手机宽度的标准映射。
 * 原型用的是 375px 手机宽度，所以令牌直接取原型的 px 值。
 */

:root {
  /* ---------------- 品牌色 ---------------- */
  --c-primary: #2b5fe8;        /* 主蓝：按钮、链接、选中态 */
  --c-primary-hi: #2f6bff;     /* 渐变的亮端 */
  --c-primary-soft: #e8f0fe;   /* 蓝色浅底：订单号标签 */
  --c-primary-pale: #8aa3d8;   /* 搜索占位符、弱提示 */

  --c-green: #2fbf5c;          /* 家教标签 */
  --c-green-deep: #27c06a;     /* 家教选中态 */
  --c-green-ink: #149a52;      /* 海报上家教专属的深绿 */

  --c-orange: #ff7a1a;         /* 薪资、强调 */
  --c-orange-soft: #fff2e8;    /* 薪资卡片底 */

  /*
   * 「我的」/「家教」页的蓝。
   * 原 wxss 里首页和这两页【本来就是两套蓝】：首页 #2b5fe8，我的页 #3A7BF9、
   * 头部渐变到 #4A8BFF。这不是笔误，照抄不改。
   */
  --c-me: #3a7bf9;
  --c-me-hi: #4a8bff;
  --c-me-soft: #e3edff;        /* 家教页选中胶囊底 */
  --c-me-bg: #f5f7fb;          /* 我的页底色 */
  --c-me-bg-2: #f2f6fc;        /* 家教页底色 */

  /* ---------------- 中性色 ---------------- */
  --c-bg: #f5f6f8;
  --c-surface: #ffffff;
  --c-text: #333333;
  --c-text-strong: #16181d;
  --c-text-title: #1a1a1a;
  --c-text-body: #555555;
  --c-text-seg: #66708a;
  --c-text-muted: #999999;
  --c-text-tab: #9aa0a8;
  --c-text-faint: #aab2c0;
  --c-text-ghost: #b3bccd;
  --c-line: #eef0f4;
  --c-line-soft: #eef2f8;
  --c-line-2: #f0f2f6;
  --c-fill-soft: #f7f9fc;
  --c-fill-me: #f4f7fd;        /* 我的页「近期可接单」条底 */
  --c-switch-off: #d3d9e4;     /* 开关关闭态 */

  /* 「我的」/「家教」页的深蓝黑标题（原 wxss 里是 #1f2a44 / #16233f / #44506a 三个） */
  --c-ink: #1f2a44;
  --c-ink-2: #44506a;
  --c-ink-3: #16233f;
  --c-grey: #6b7688;
  --c-grey-2: #98a2b3;
  --c-grey-3: #8a94a8;

  --c-orange-2: #ff8a3d;       /* 兼职身份卡的主色 */
  --c-orange-2-soft: #fff7e8;
  --c-green-ok: #1bbf6a;       /* 「● 已认证」 */
  --c-green-ok-soft: #e8faf0;
  --c-red: #f53f3f;
  --c-red-soft: #fff0f0;
  --c-arrow: #c4ccd8;

  /* ---------------- 阴影 ---------------- */
  --sh-card: 0 2px 10px rgba(30, 60, 140, .06);
  --sh-bar: 0 2px 8px rgba(20, 50, 120, .12);
  --sh-tab: 0 -3px 16px rgba(20, 50, 120, .10);
  --sh-seg: 0 4px 12px rgba(43, 95, 232, .35);
  --sh-seg-tutor: 0 4px 12px rgba(39, 192, 106, .35);
  --sh-center: 0 6px 16px rgba(43, 95, 232, .45);
  --sh-modal: 0 24px 60px rgba(10, 30, 80, .45);
  --sh-toast: 0 8px 32px rgba(0, 0, 0, .28);
  --sh-frame: 0 10px 40px rgba(30, 60, 140, .16), 0 0 0 8px #fff;
  --sh-ring: 0 0 0 3px var(--c-primary), var(--sh-card);   /* 地图跳转高亮 */

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

  /* ---------------- 字号 ---------------- */
  --fs-xs: 11px;
  --fs-sm: 12px;
  --fs-md: 13px;
  --fs-base: 14px;
  --fs-lg: 15px;
  --fs-title: 18px;
  --fs-h: 19px;
  --fs-price: 20px;
  --fs-hero: 22px;

  /* ---------------- 间距 ---------------- */
  --sp-1: 4px;
  --sp-2: 6px;
  --sp-3: 8px;
  --sp-4: 10px;
  --sp-5: 12px;
  --sp-6: 14px;
  --sp-7: 16px;
  --sp-8: 20px;
  --sp-9: 24px;
  --sp-10: 28px;

  /* ---------------- 结构尺寸 ---------------- */
  --tabbar-h: 64px;
  --phone-w: 375px;
  --phone-h: 812px;

  /* 桌面端才出现的手机边框；移动端会覆盖掉 */
  --z-header: 10;
  --z-tabbar: 60;
  --z-modal: 100;
  --z-toast: 120;
}