/* ==========================================================================
   奶蛙偷偷放屁 · 设计令牌
   美术方向：温润纸底 + 利落墨线
   米白纸底，深墨蓝细描边，绿色只留给「行动」
   ========================================================================== */

/* ---- 展示体：霞鹜漫黑（SIL OFL，已子集化到项目用字）---- */
@font-face {
  font-family: "LXGW Marker Gothic";
  src: url("../assets/fonts/lxgw-marker-gothic-subset.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  /* ---- 色板 ---- */
  --paper:        #f6f3ea;   /* 纸底，不是纯白 */
  --paper-deep:   #ece7d9;   /* 纸底加深，用于分区 */
  --surface:      #ffffff;   /* 卡片面 */
  --ink:          #14212c;   /* 主墨色，深墨蓝 */
  --ink-soft:     #56656f;   /* 次要文字 */
  --ink-faint:    #6b6f76;   /* 弱化文字：对纸底 4.6:1，原来 #9aa6ad 只有 2.2:1 */
  --line:         #14212c;   /* 描边，与墨同色但细 */
  --line-soft:    #d9d3c4;   /* 浅描边 */

  --green:        #0a7d47;   /* 主绿：行动。白字压上去 5.2:1，对纸底 4.6:1；
                                原来的 #12b76a 白字只有 2.6:1，所有主按钮都不达标 */
  --green-deep:   #075e35;   /* 绿按下 */
  --green-wash:   #e3f6ec;   /* 绿浅底 */
  --amber:        #e8a33d;   /* 屁球 */
  --amber-wash:   #fdf1dc;
  --red:          #d94f3d;   /* 危险 */
  --red-wash:     #fbe9e6;

  /* ---- 字体 ---- */
  /* 标题用带笔触感的黑体，数字用等宽感的无衬线，正文用中性黑体 */
  --font-display: "LXGW Marker Gothic", "PingFang SC", "Hiragino Sans GB",
                  "Microsoft YaHei", system-ui, sans-serif;
  /* 该字体只有 400 一个字重；禁止合成加粗，否则笔画会糊 */
  --fw-display: 400;
  --font-text:    "Noto Sans SC", -apple-system, BlinkMacSystemFont,
                  "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  /* 数值一律等宽：仪表盘读数要位对位，换行跳动会显得廉价。
     Inter 没有随包发，留着只会让装了它的人看到和别人不一样的数字，故去掉。 */
  --font-num:     ui-monospace, "SF Mono", "SFMono-Regular", Menlo,
                  "Roboto Mono", Consolas, monospace;

  /* ---- 字号（按 390 宽参考）---- */
  --fs-hero:   44px;   /* 页面主标题 */
  --fs-title:  26px;   /* 区块标题 */
  --fs-num-xl: 40px;   /* 排气量大字 */
  --fs-num:    22px;
  --fs-body:   15px;
  --fs-small:  13px;
  --fs-micro:  11px;

  /* ---- 间距 ---- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px;
  --sp-4: 16px; --sp-5: 22px; --sp-6: 30px; --sp-7: 40px;

  /* ---- 圆角（克制）---- */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* ---- 描边 ---- */
  --bw: 1.5px;

  /* ---- 缓动：每个都不同，不用默认 ease ---- */
  --ease-expo:  cubic-bezier(0.16, 1, 0.30, 1);      /* 出场：快起慢收 */
  --ease-back:  cubic-bezier(0.34, 1.56, 0.64, 1);   /* 回弹：用于按压缩放 */
  --ease-soft:  cubic-bezier(0.65, 0, 0.35, 1);      /* 双向：用于位移 */
  --ease-breathe: cubic-bezier(0.45, 0, 0.55, 1);    /* 呼吸循环 */

  /* ---- 时长 ---- */
  --t-tap:   140ms;
  --t-fast:  240ms;
  --t-base:  380ms;
  --t-slow:  620ms;

  /* ---- 层叠 ---- */
  --z-stage: 1;
  --z-hud:   10;
  --z-sheet: 40;
  --z-modal: 60;
  --z-toast: 80;
}

/* 参考尺寸 390×844，用 dvh 适配移动端地址栏 */
@media (prefers-reduced-motion: reduce) {
  :root {
    --t-tap: 1ms; --t-fast: 1ms; --t-base: 1ms; --t-slow: 1ms;
  }
}