/* skin/css/redesign-tokens.css — 改版设计令牌 v4（2026-07-09 客户定稿蓝色系 · 浅色主题；v3 深蓝金体系见 git 历史） */
/* 客户调色板 10 色全部原值上岗：primary #0077C2/#59a5f5/#c8ffff · accent #00BFFF/#00619a · text #333/#5c5c5c · bg #fff/#f5f5f5/#ccc；
   调色板缺的角色（深色锚区/深底文字分级/弱描边）按同色相 ~204° 推导，不引入外来色 */
:root{
  /* 浅色主题:声明后 OS 深色模式不再反色渲染 UA 控件(select/input/滚动条) */
  color-scheme:light;
  /* 品牌蓝（--c-navy 沿用旧名＝标题/深填充；hover 逐级加深） */
  --c-navy:#00619a; --c-navy-2:#02537f; --c-ink:#024c78;
  --c-navy-rgb:0,97,154;
  /* 天蓝强调（深底强调字/细装饰件＝accent-100）与蓝渐变上的强调字（primary-300） */
  --c-accent:#00bfff; --c-accent-rgb:0,191,255;
  --c-pale:#c8ffff;
  /* 深色锚区（页脚/hero 数据条/深蒙层；accent-200 同色相加深，白字 9.1:1 AAA） */
  --c-surface:#024c78; --c-surface-rgb:2,76,120;
  --c-surface-2:#035e8c;
  /* 浅色面（bg-100/200 原值；描边弱档同相冷灰、强档收编 bg-300） */
  --c-bg:#ffffff; --c-cream:#f5f5f5; --c-line:#dfe6ec; --c-line-strong:#cccccc;
  /* CTA 主行动色＝primary-100（白字 4.75:1 AA；hover 深化到 accent-200） */
  --c-green:#1a7a3c; --c-green-d:#006b3f;
  --c-cta:#0077c2; --c-cta-d:#00619a; --c-cta-rgb:0,119,194;
  --c-cta-ink:#ffffff;            /* 蓝底白字 */
  --c-accent-text:#0077c2;        /* 白底强调字（原 --c-gold-text 角色，AA 4.75:1） */
  /* 语义色（表单反馈三态；与品牌色解耦，不随换肤动） */
  --c-ok:#1a7a3c;   --c-ok-bg:#e9f3ec;   --c-ok-line:#bcd9c6;
  --c-err:#b3261e;  --c-err-bg:#fbecea;  --c-err-line:#ecc6c3;
  --c-warn:#855c00; --c-warn-bg:#fcf6e5; --c-warn-line:#e6d3a3;
  /* 浅色面文字＝text-100/200 原值 */
  --c-text:#333333; --c-muted:#5c5c5c;
  /* 深色面文字三级（对 #024c78：7.6/6.95/4.85） */
  --c-on-navy:#dceffb; --c-on-navy-muted:#cfe4f2; --c-on-navy-faint:#9cc3de;
  /* 深色面描边两档 */
  --line-on-navy:rgba(255,255,255,.1); --line-on-navy-strong:rgba(255,255,255,.16);
  /* 字体与字阶 */
  --font-sans:"Inter","PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --fs-xs:12px; --fs-sm:13px; --fs-sm2:14px; --fs-base:15px; --fs-md:16px; --fs-lg:18px; --fs-xl:21px;
  --fs-display:clamp(40px,5vw,64px);   /* display 档:首页主张式大标(P0 版式张力) */
  --lh-tight:1.25; --lh-normal:1.6; --lh-loose:1.9;
  /* 间距 / 圆角 / 布局 */
  --space-05:4px; --space-075:6px; --space-1:8px; --space-15:12px; --space-2:16px; --space-3:24px; --space-4:40px; --space-5:64px; --space-6:96px;
  --radius-sm:10px; --radius:14px; --radius-lg:18px;
  --header-h:76px; --maxw:1200px;
  /* 渐变与阴影（深→亮蓝扫过，全程白字 ≥4.75:1；阴影全蓝调） */
  --hero-grad:linear-gradient(135deg,var(--c-ink) 0%,var(--c-navy) 45%,var(--c-cta) 100%);
  /* 阴影三档(ambient+key 双层,全蓝调):xs=卡片静息 / card=hover / lift=表单卡·浮层 */
  --shadow-xs:0 1px 2px rgba(2,40,70,.07),0 2px 6px rgba(0,97,154,.05);
  --shadow-card:0 2px 4px rgba(2,40,70,.08),0 12px 28px -8px rgba(0,97,154,.16);
  --shadow-lift:0 3px 6px rgba(2,40,70,.10),0 28px 56px -16px rgba(0,97,154,.22);
  --shadow-pop:0 18px 44px rgba(2,40,70,.22);
  /* 动效 token（Motion v2）：微交互≤200ms、入场 320–800ms；氛围层 8–20s 直接写秒数 */
  --dur-fast:.18s; --dur-base:.32s; --dur-slow:.6s; --dur-reveal:.8s;
  --ease-out:cubic-bezier(.22,1,.36,1);   /* 入场 */
  --ease-inout:cubic-bezier(.65,0,.35,1); /* 位移 */
  --rise:18px;                            /* 入场上移距离 */
}