/* ============================================================
   INSIS 品牌设计变量（Design Tokens）
   来源：文档/品牌规范提炼.md
   所有页面统一引用这里的变量，改一处，全局生效。
   ============================================================ */

/* —— 品牌字体（自托管）——
   英文 TT Commons Pro（Light/Regular）、中文 M翔鹤黑体（Light）。
   font-display: swap → 先用系统字显示，字体加载好后无缝替换。*/
@font-face {
  font-family: "TT Commons Pro";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/ttcommons-light.woff2") format("woff2");
}
@font-face {
  font-family: "TT Commons Pro";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("../fonts/ttcommons-regular.woff2") format("woff2");
}
@font-face {
  font-family: "M XiangHe";
  font-weight: 300 400;   /* Light 覆盖 300~400，符合品牌"只用细体" */
  font-style: normal;
  font-display: swap;
  src: url("../fonts/mxianghe-light.woff2") format("woff2");
}

:root {
  /* —— 主品牌色 —— */
  --insis-ecru: #F2F1E4;        /* 米白 · 主背景 */
  --insis-driftwood: #988B7E;   /* 木灰 · 次要文字/强调 */
  --insis-ash: #545450;         /* 灰黑 · 主文字（代替纯黑）*/

  /* —— 辅助色板（低饱和）—— */
  --insis-terracotta: #C14C38;  /* 赤陶红 */
  --insis-sand: #D0AF99;        /* 沙 */
  --insis-camel: #B78850;       /* 驼金 */
  --insis-cream: #EBE5D6;       /* 奶油 */
  --insis-olive: #657546;       /* 橄榄绿 */
  --insis-palegreen: #E5ECDF;   /* 浅绿 */
  --insis-mauve: #6E6477;       /* 雾紫 */
  --insis-warmgrey: #DAD4D1;    /* 暖灰 */
  --insis-slate: #717C7D;       /* 石板灰 */
  --insis-taupe: #B7A999;       /* 灰褐 */

  /* —— 基础色 —— */
  --insis-white: #FFFFFF;
  --insis-coolgrey: #ECECE8;
  --insis-card: #F2F2E3;        /* 卡片底色（Digital 规范）*/

  /* —— 三模块点缀色 —— */
  --mod-hello: var(--insis-terracotta);
  --mod-howto: var(--insis-olive);
  --mod-my: var(--insis-mauve);

  /* —— 圆角 / 间距 —— */
  --radius-card: 14px;          /* 品牌规范指定卡片圆角 */
  --radius-sm: 8px;
  --space-page: 20px;

  /* —— 字体（Web 后备栈，无专有字体时最接近的细体）—— */
  --font-sans: "TT Commons Pro", "M XiangHe", -apple-system, BlinkMacSystemFont,
               "Helvetica Neue", "PingFang SC", "Microsoft YaHei Light",
               "Hiragino Sans GB", sans-serif;

  /* —— 字重：品牌只用细体，绝不用 Bold —— */
  --weight-light: 300;
  --weight-regular: 400;

  /* —— 行高 —— */
  --lh-cn: 1.75;   /* 中文 175% */
  --lh-en: 1.2;    /* 英文 120% */
}