/* 翊生活 B2B 商城 · Design Token (规范①) */
:root{
  /* 中性背景 */
  --bg-page:#F5F6F8; --bg-surface:#FFFFFF; --bg-subtle:#FAFBFC;
  /* 文字 */
  --text-1:#1A1D24; --text-2:#5A6072; --text-3:#959DA8; --text-disabled:#C2C8D0;
  /* 边框 */
  --border:#E8EAED; --border-strong:#D5D9E0;
  /* 品牌(天蓝,克制) */
  --brand:#2B6DE8; --brand-hover:#1F5BD0; --brand-soft:#EAF1FE;
  /* 功能色 */
  --success:#1F9D57; --warning:#E0A100; --danger:#D93030;
  /* 字体 */
  --font:-apple-system,"PingFang SC","Microsoft YaHei","Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  --fs-display:28px; --fs-h1:22px; --fs-h2:18px; --fs-h3:16px;
  --fs-body:14px; --fs-caption:12px; --fs-mini:11px;
  /* 间距 8px 栅格 */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px;
  /* 圆角 */
  --r-sm:6px; --r-md:10px; --r-lg:14px; --r-pill:999px;
  /* 阴影 */
  --sh-xs:0 1px 2px rgba(20,24,40,.04);
  --sh-sm:0 2px 8px rgba(20,24,40,.06);
  --sh-md:0 6px 20px rgba(20,24,40,.08);
  /* 动效 */
  --ease:cubic-bezier(.4,0,.2,1);
  --dur-fast:150ms; --dur-base:240ms; --dur-slow:360ms;

  /* ===== Industrial Glamour 扩展 (天空蓝 + 钛银 + 克制金 + 深蓝底) ===== */
  --navy:#0F172A;          /* 深蓝主底 */
  --navy-2:#16223C;        /* 深蓝次底 */
  --steel:#334155;         /* 钢灰 */
  --steel-2:#475569;       /* 钢灰亮 */
  --titanium:#E2E8F0;      /* 钛银 */
  --titanium-2:#CBD5E1;    /* 钛银暗 */
  --gold:#F97316;          /* 克制金(仅点缀) */
  --gold-soft:#FFF4EA;     /* 金底 */
  --sky:#2B6DE8;           /* 天空蓝(品牌点缀) */
  --sky-soft:#EAF1FE;
  --hairline:rgba(226,232,240,.14); /* 深底上的细分割线 */
}