/* =========================================================
   遥遥领鲜物流 · 设计令牌 (Design Tokens)
   ---------------------------------------------------------
   本文件是全站色彩 / 字体 / 间距 / 圆角 / 阴影的唯一真相来源。

   加载顺序（不可调整）：
     tokens.css  →  style.css  →  ui-refined.css

   约束：
     1. 其它样式表禁止再定义 :root 令牌（历史重复定义已全部移除）。
     2. 新增颜色必须先进本文件，再在组件里 var() 引用。
     3. 组件级覆盖只改属性，不改令牌值。

   最后同步：2026-10-21
   ========================================================= */

:root{
  /* ========== 品牌色 Brand ========== */
  /* 亮蓝取自新版标识，用于标题强调、图标、当前导航 */
  --brand:#1d94d4;
  --brand-mid:#37afe3;
  --brand-bright:#1d94d4;
  /* 可读深蓝：链接、正文强调、主要按钮底色 */
  --brand-deep:#1475aa;
  --brand-dark:#125c87;
  --brand-soft:#c2ebfc;
  --brand-ink:#ffffff;

  /* ========== 强调色 Accent ========== */
  /* 橙色只标记主要行动，不用于大面积背景 */
  --accent:#e87328;
  --accent-deep:#b94d12;
  --accent-dark:#963d0d;

  /* ========== 文字 Ink（由深到浅） ========== */
  --ink:#183044;
  --charcoal:#33495b;
  --slate:#41576a;
  --steel:#52677a;
  --muted:#5b7082;
  --stone:#728699;

  /* ========== 表面 Surface ========== */
  --canvas:#ffffff;
  --surface:#f3f7fa;
  --surface-soft:#f8fafc;
  --hero-light:#f0f7fb;
  --action-light:#f0f7fb;
  --icy:#e2f4fc;
  --ice-200:#d8eaf7;

  /* ========== 交互浅底 Wash（替代散落的一次性色值） ========== */
  --wash-hover:#eaf4fa;
  --wash-icon:#e7f2f9;
  --wash-chip:#e5f4fd;
  --wash-card-hover:#f1f6fa;

  /* ========== 品牌淡底 Brand washes（替代散落的 rgba 硬编码） ========== */
  --wash-brand-soft:rgba(29,148,212,.10);
  --wash-brand:rgba(29,148,212,.12);
  --wash-brand-strong:rgba(29,148,212,.20);
  --wash-brand-line:rgba(29,148,212,.45);
  --focus-ring:0 0 0 4px rgba(20,117,170,.18);

  /* ========== 描边 Hairline ========== */
  --hairline:#dce6ed;
  --hairline-soft:#e8eef3;
  /* 悬停态描边比默认描边略深 */
  --hairline-strong:#b6d5e7;
  /* 表单控件描边比容器描边略深，保证可辨识 */
  --hairline-input:#c9d8e3;

  /* ========== 页脚 Footer ========== */
  --footer:#125c87;
  --footer-text:#e5f2fa;
  --footer-text-soft:#c4d9e9;

  /* ========== 语义状态 Semantic ========== */
  --success:#2d8a4e;
  --success-soft:#e0f3e6;
  --error:#b33a3a;
  --error-soft:#fdeeee;
  --error-line:#f2c4c4;
  --warning:#d4a017;

  /* ========== 渐变 Gradient ========== */
  --grad-brand:linear-gradient(135deg,#1475aa 0%,#125c87 100%);
  --grad-accent:linear-gradient(135deg,#e87328 0%,#b94d12 100%);
  /* 以下两条为深色场景保留，当前浅色主题未直接使用 */
  --grad-hero:linear-gradient(135deg,#102e49 0%,#164c77 52%,#155d98 100%);
  --grad-deep:linear-gradient(160deg,#102e49 0%,#164c77 60%,#104777 100%);

  /* ========== 圆角 Radius ========== */
  --radius:12px;        /* 卡片、图片框、CTA 条 */
  --radius-sm:8px;      /* 按钮、输入框、图标盒 */
  --radius-xs:6px;      /* 小标签、温度提示 */
  --radius-md:10px;     /* 特性卡、日期块 */
  --radius-lg:16px;     /* 大容器、联系卡片 */
  --radius-input:8px;
  --radius-btn:8px;
  --radius-pill:999px;

  /* ========== 阴影 Shadow ========== */
  /* 前台以留白和浅底色分组，阴影只做轻微层级提示 */
  --shadow-card:0 4px 12px -8px rgba(24,48,68,.18);
  --shadow-hover:0 8px 22px -12px rgba(24,48,68,.2);
  --shadow-pop:0 10px 28px -18px rgba(24,48,68,.2);
  --shadow-header:0 5px 16px -12px rgba(24,48,68,.25);
  --shadow-accent:none;

  /* ========== 间距 Spacing（4px 基线） ========== */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:28px;
  --space-8:32px;
  --space-9:36px;
  --space-10:40px;
  --space-12:48px;
  --space-14:56px;
  --space-18:72px;

  /* ========== 布局 Layout ========== */
  --container:1280px;
  --container-wide:1440px;
  --gutter:32px;
  --gutter-mobile:20px;
  --section-y:72px;
  --section-y-mobile:48px;

  /* ========== 字体 Typography ========== */
  /* 西文/数字用 Inter（非阻塞加载 latin 子集）；中文走系统字体，零下载 */
  --font-display:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
  --font-body:"Inter","Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;

  /* ========== 组件尺寸 Component ========== */
  --control-height:44px;
  --header-height:88px;
  --header-height-mobile:78px;
  --card-padding:30px 28px;
  --card-padding-mobile:24px;

  /* ========== 语义别名 Semantic aliases ========== */
  /* 新组件优先使用别名，便于将来整体换肤 */
  --text-primary:var(--ink);
  --text-secondary:var(--steel);
  --text-muted:var(--muted);
  --bg-page:var(--canvas);
  --bg-subtle:var(--surface);
  --bg-card:var(--surface-soft);
  --border-default:var(--hairline);
  --border-subtle:var(--hairline-soft);
  --action-bg:var(--brand-deep);
  --action-fg:#fff;
  --action-accent-bg:var(--accent-deep);

  /* ========== 玻璃材质 Glass ========== */
  /* 深色底玻璃：模糊 + 提饱和，让背后透出来的颜色更鲜活 */
  --glass-blur:18px;
  --glass-saturate:1.7;
  /* 卡片填充 = 一层白雾渐变 + 一层压暗底，保证白字在亮光斑上仍可读 */
  --glass-fill:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045)),rgba(9,36,60,.20);
  --glass-fill-hover:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.08)),rgba(9,36,60,.14);
  --glass-line:rgba(255,255,255,.26);
  --glass-line-hover:rgba(255,255,255,.44);
  /* 镜面高光：左上亮、右下弱，制造「有厚度」的体积感 */
  --glass-spec:inset 1.5px 1.5px 0 rgba(255,255,255,.55);
  --glass-spec-dim:inset -1px -1px 0 rgba(255,255,255,.18);
  --glass-depth:0 24px 50px -28px rgba(6,28,48,.72);
  /* 浅色底玻璃：页头用 */
  --glass-light-fill:rgba(255,255,255,.66);
  --glass-light-fill-scrolled:rgba(255,255,255,.76);
  --glass-light-line:rgba(255,255,255,.55);
  /* 降级实色：不支持 backdrop-filter 时使用 */
  --glass-solid:rgba(18,60,95,.94);
  /* 玻璃上的前景色 */
  --glass-fg:#ffffff;
}

/* 减少动态效果：前台全局关闭动画与过渡 */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}