/* A Force 设计令牌 · 全站唯一真相源 · 2026-10-16 最终版（方向 7「组合」）
   招牌黄 + 招牌红铺在底漆灰纸面上；一本暖色色卡做目录。改颜色 / 字号只改这里。
   对比度（AA ≥ 4.5）：黄底深字 11.0、红底白字 5.6、警示橙底深字 4.8、灰底红字 4.8、灰底次要字 6.5。 */

/* 思源黑体（Google Fonts，中文按 unicode-range 分片加载）；加载失败退回系统黑体 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;700;900&display=swap");

:root{
  /* 招牌 */
  --sign:#ffc629;      /* 招牌黄：灯箱。黄底上只放深色字 */
  --sign-2:#ffd95c;    /* 灯箱中心最亮处 */

  /* 纸面与墨 */
  --bg:#ecedea;        /* 底漆灰：冷灰纸面，让黄招牌和色卡跳出来 */
  --bg-2:#ffffff;      /* 色卡白 */
  --bg-3:#e0e2de;
  --bg-ink:#1e1a16;    /* 招牌框 / 轮胎黑 */
  --ink:#1e1a16;
  --ink-2:#433a31; --muted:#5b5249;
  --accent:#c9231b;    /* 招牌红 = 尾灯红：只给打电话按钮、勾、印章、第一张色卡 */
  --accent-hover:#a51b14; --accent-ink:#ffffff;
  --line:#d2d5d0; --line-2:#1e1a16;
  --on-ink:#ffffff; --on-ink-2:#e5d6b8;
  --slot:#d6d8d3;      /* 照片占位槽灰底 */

  /* 一本暖色色卡（指南七章 / 内页各段的章节色） */
  --c-red:#c9231b;     /* 尾灯红 */
  --c-orange:#e8590c;  /* 警示橙 */
  --c-amber:#f59f00;   /* 转向灯琥珀 */
  --c-yellow:#ffc629;  /* 招牌黄 */
  --c-wine:#8e1b1b;    /* 酒红 */
  --c-rust:#6e4523;    /* 铁锈棕 */
  --c-black:#1e1a16;   /* 轮胎黑 */

  /* 字体：只用思源黑体 400 / 700 / 900 */
  --font:"Noto Sans SC","PingFang SC",-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif;

  /* 字号：手机 → 桌面 */
  --fs-slogan:clamp(46px, 6.2vw, 80px);  /* 首页招牌标语：全站最大的字 */
  --fs-sub:clamp(24px, 3.6vw, 40px);     /* 首页「出车祸了，先别慌。」第二层 */
  --fs-h1:clamp(32px, 4.6vw, 52px);      /* 内页标题 */
  --fs-h2:clamp(24px, 3.2vw, 34px);
  --fs-h3:clamp(19px, 2.2vw, 23px);
  --fs-body:clamp(16px, 1.1vw, 17px);
  --fs-small:clamp(13px, .9vw, 14px);
  --lh-body:1.7; --lh-title:1.12;

  /* 形状 / 布局 */
  --radius:3px;                          /* 色卡纸的小圆角；招牌框单独用 14 / 20px */
  --shadow:0 1px 0 rgba(30,26,22,.12), 0 8px 18px -10px rgba(30,26,22,.35);
  --max:1120px; --gutter:20px;           /* 手机 20，≥768 32，≥1024 48（af-site.css 里切换） */
  --header-h:64px; --mobilebar-h:56px; --tap:44px;
  --toc-h:64px;                          /* 吸顶色卡条的高度，锚点跳转要让开它 */
}
