/* ========================================================================
   VIRE 海外 B2B 独立站 · 样式：设计令牌 (tokens.css)
   ------------------------------------------------------------------------
   全局 CSS 变量：品牌主色、8 色语义色、中性色。前台与后台共用，业务组件禁止硬编码颜色（TDD §2.2）。
   来源：《VIRE_前后台打通Demo.html》样式层按内容锚点切分，规则零改写。
   ======================================================================== */

:root{
    --bg:#f5f7fa; --card:#fff; --ink:#141a24; --ink2:#3d4656; --muted:#7b8493;
    --line:#e3e8ef; --accent:#0b5fff; --accent-soft:#eaf1ff;
    --green:#0a8f56; --green-soft:#e6f6ee; --amber:#c77700; --amber-soft:#fff5e6;
    --red:#c0392b; --red-soft:#fdeceb; --teal:#0f9b8e; --teal-soft:#e6f6f4; --purple:#6b4de6;
  }

/* ---------- 页头尺寸令牌（v1.10.15） ----------
   客户反馈「表头 Logo 与导航字偏小、和版面不协调」，据此整体上调一档。
   五个变量集中管理：换断点只改这里，front.css / responsive.css 全部跟随，
   --hd-h 同时用于 H5 抽屉与遮罩的起始位置（必须等于真实表头高度）。
   ------------------------------------------------------------------ */
  :root{
    --hd-pady:18px;      /* 表头上下内边距 */
    --hd-logo:42px;      /* Logo 图形高度 */
    --hd-brand:21px;     /* VIRE 字标字号 */
    --hd-nav:15px;       /* 一级导航字号 */
    --hd-pill:13.5px;    /* 语言胶囊字号 */
    --hd-gap:22px;       /* Logo / 导航 / 右侧动作区之间的间距 */
    --hd-h:80px;         /* 表头总高 = 18*2 + 42 + 2px 描边 */
  }