/* ==========================================================================
   VICHOR 2026 设计令牌 — CSS 变量
   来源：产品样册现行 CSS（VICHOR Catalogue.dc.html :root），未发明数值。
   语义命名（--vichor-red、--bg-cream），不用色值命名。
   与 tokens.json 双格式同源，两者必须保持一致。
   ========================================================================== */

:root {
  /* ---- 核心色板 ---------------------------------------------------------- */
  --bg-cream:        #f4f1eb;          /* 米白底 —— 浅色页默认背景 */
  --bg-cream-2:      #ece8de;          /* 米白底次级 */
  --surface-paper:   #faf8f2;          /* 卡片纸面 */
  --surface-plate:   #ffffff;          /* 影像展台白 */
  --ink-carbon:      #14130f;          /* 深炭黑底 / 浅色页主标题 */
  --ink-body:        #3a3733;          /* 正文灰 */
  --ink-tertiary:    #5a564f;          /* 三级墨 */
  --grey-muted:      #76726a;          /* 次级灰 —— 标签/kicker/页脚 */
  --grey-muted-2:    #9a9489;          /* 次级灰（深底） */
  --vichor-red:      #BF1D2D;          /* VICHOR 红 —— 品牌主色 */
  --vichor-red-deep: #971622;          /* VICHOR 红（深） */

  /* ---- 分隔线 ------------------------------------------------------------ */
  --rule:            rgba(20,19,15,0.12);   /* 发丝线（浅底） */
  --rule-strong:     rgba(20,19,15,0.30);   /* 强分隔线 */
  --rule-on-dark:    rgba(255,255,255,0.16);/* 深底分隔线 */

  /* ---- 字族 -------------------------------------------------------------- */
  --font-sans: 'Helvetica Neue','Helvetica','Arial',sans-serif;  /* 标题+正文 */
  --font-mono: 'IBM Plex Mono', ui-monospace, SFMono-Regular, monospace; /* 等宽标签 */

  /* ---- 字重 -------------------------------------------------------------- */
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 600;
  --fw-bold:     700;

  /* ---- 字号（画布 1920×1080 绝对 px，等比缩放） ------------------------- */
  --fs-display-cover:   124px;   /* 封面/封底主标题 */
  --fs-display-divider: 100px;   /* 分隔页大标题 */
  --fs-display-closing:  88px;   /* 封底陈述/收尾 */
  --fs-heading-section:  56px;   /* 内容页节标题 */
  --fs-heading-split:    39px;   /* 详情分栏标题 */
  --fs-heading-card:     24px;   /* 卡片名 */
  --fs-lede:             25px;   /* 封面导语 */
  --fs-body:             16px;   /* 统一正文 */
  --fs-body-small:       14px;   /* 卡片描述/规格小字 */
  --fs-data-big:         30px;   /* kpi-hammer 大数字 */
  --fs-data-stat:        25px;   /* 红框数据卡大数字 */
  --fs-kicker:           15px;   /* 眉行 kicker */
  --fs-label:            13px;   /* 等宽小标签/页脚/表头 */
  --fs-label-micro:      11px;   /* 最小等宽标签 */

  /* ---- 字距 -------------------------------------------------------------- */
  --ls-display-tight:  -0.035em;  /* 封面主标题 */
  --ls-heading-tight:  -0.028em;  /* 节标题 */
  --ls-body:            0;        /* 正文 */
  --ls-kicker:          0.22em;   /* 眉行 kicker 加宽 */
  --ls-tag-wide:        0.34em;   /* 封面标语超宽（最宽档） */
  --ls-label:           0.14em;   /* 常规等宽标签 */

  /* ---- 行距 -------------------------------------------------------------- */
  --lh-display: 0.94;
  --lh-heading: 1.0;
  --lh-body:    1.5;

  /* ---- 间距（画布 1920×1080 绝对 px） ---------------------------------- */
  --page-margin-y:     80px;    /* 内容页上下页边距 */
  --page-margin-x:     100px;   /* 内容页左右页边距 */
  --cover-margin-y:    88px;    /* 封面/封底上下 */
  --cover-margin-x:    104px;   /* 封面/封底左右 */
  --divider-margin-y:  70px;    /* 分隔页上下 */
  --gap-card:          26px;    /* 4 格卡片栅格间距 */
  --gap-part:          22px;    /* 3 格零件栅格间距 */

  /* ---- 边框 -------------------------------------------------------------- */
  --bw-hairline:   1px;   /* 发丝线 */
  --bw-spine:      14px;  /* 封面书脊红条 */
  --bw-data-frame: 1px;   /* 红框数据卡边框 */

  /* ---- Logo ------------------------------------------------------------- */
  --logo-size-large:   42px;   /* 封面书衣 */
  --logo-size-medium:  28px;   /* 内容页页眉 */
  --logo-size-small:   27px;   /* 分隔/收尾/紧凑 */
  --logo-aspect:       5.37;   /* 原始宽高比 5815×1083 */
  --logo-invert:       brightness(0) invert(1);  /* 深底白色版滤镜 */
}