/* ============================================================================
   tokens.css —— 全站设计令牌（单一事实来源）
   index.html / order.html / login.html / dashboard.html / admin.html 共用。
   改这里 = 全站生效。任何页面都不要再自己写 :root。
   ============================================================================ */
:root{

  /* ---------- 品牌色 ---------- */
  --blue:        #0071E3;   /* 主操作色：按钮、选中态、链接 */
  --blue-d:      #0058B0;   /* hover / 加深 */
  --blue-dd:     #003C7E;   /* 深色文字、active */
  --cyan:        #5AC8FA;   /* 辅助青，logo、深色底上的强调 */
  --cyan-l:      #8AD9FF;   /* 深色底上的高亮文字 */
  --blue-soft:   #F2F8FE;   /* 浅蓝底：选中卡片、hover 背景 */
  --blue-line:   #CDE8FB;   /* 浅蓝描边 */
  --blue-line-2: #DCEEFC;   /* 更浅的描边 / 标签底 */

  /* ---------- 语义色 ---------- */
  --green:       #248A3D;   /* 成功、正常、优惠 */
  --green-l:     #30D158;   /* 状态点、深色底上的绿 */
  --green-soft:  #E9F7EE;
  --red:         #C81E1E;   /* 警示文案 */
  --red-d:       #9B1C1C;
  --red-soft:    #FDEDED;
  --amber:       #B4700C;   /* 提示、商业线路 */
  --amber-soft:  #FDF6EA;

  /* ---------- 中性色 ---------- */
  --ink:         #060608;   /* 标题 */
  --ink-2:       #1a1a2e;   /* 正文 */
  --gray-1:      #374151;   /* 次级正文 */
  --gray-2:      #6b7280;   /* 说明文字 */
  --gray-3:      #9ca3af;   /* 占位、弱化 */
  --line:        #e5e7eb;   /* 描边 */
  --line-2:      #f3f4f6;   /* 更浅的分隔线 */
  --bg:          #F5F5F7;   /* 页面底色 */
  --white:       #ffffff;

  /* ---------- 字号（只用这 12 档，别再新增）---------- */
  --t-10: 10px;   --t-11: 11px;   --t-12: 12px;   --t-13: 13px;
  --t-14: 14px;   --t-15: 15px;   --t-17: 17px;   --t-20: 20px;
  --t-24: 24px;   --t-28: 28px;   --t-32: 32px;   --t-40: 40px;

  /* ---------- 间距（一律 4 的倍数）---------- */
  --sp-1:  4px;
  --sp-2:  8px;
  --sp-3:  12px;
  --sp-4:  16px;
  --sp-6:  24px;
  --sp-8:  32px;
  --sp-12: 48px;
  --sp-16: 64px;
  --sp-20: 80px;

  /* ---------- 圆角（只留 4 档）---------- */
  --r-xs:   4px;
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   16px;
  --r-xl:   24px;
  --r-full: 100px;

  /* ---------- 阴影（只留 3 档）---------- */
  --sh-sm: 0 1px 4px rgba(0,0,0,.06);
  --sh-md: 0 4px 16px rgba(0,0,0,.08);
  --sh-lg: 0 8px 32px rgba(0,113,227,.12);

  /* ---------- 版心 ---------- */
  --w-page: 1200px;   /* 首页宽版心 */
  --w-form: 1000px;   /* 下单页 / 表单类窄版心 */

  /* ---------- 字体与动效 ---------- */
  --sans: -apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter',
          'PingFang SC','HarmonyOS Sans SC','Microsoft YaHei',system-ui,sans-serif;
  --mono: 'IBM Plex Mono',ui-monospace,SFMono-Regular,Menlo,monospace;
  --ease: cubic-bezier(.4,0,.2,1);
  --dur:  .18s;
}

/* 尊重「减少动态效果」的系统设置 */
@media (prefers-reduced-motion:reduce){
  *{transition:none !important;animation:none !important}
  html{scroll-behavior:auto}
}