/* ==========================================================================
   GEOER · Design Tokens
   数值全部取自 Ardot 画布「GEOER 首页 · 定稿（事实裁决版）」浅色版 frame 19:361
   与「浅色版 · 其他页面」page 111:1，口径见 output/07-首页PRD-浅色版.md 第 3 章。
   ========================================================================== */

:root {
  /* ---------- 背景 ---------- */
  --bg-base: #f7f9ff;   /* 页面主背景：导航、首屏、检测能力区、FAQ */
  --bg-alt: #eef2fb;    /* 交替区块背景：痛点、核心区、数据呈现、关于×文章、页脚 */
  --bg-card: #ffffff;   /* 所有卡片底色 */
  --bg-inset: #f2f5fd;  /* 卡内浅底：提问条、末行胶囊、引文块 */

  /* ---------- 描边 ---------- */
  --border-base: #dde5f5; /* 卡片描边 1px、分隔线 1px */

  /* ---------- 品牌 ---------- */
  --brand: #3a5be0;
  --brand-hover: #2c48c4;
  --brand-soft: #eaf0fe;      /* 高亮底：读数2 行、三卡 hover */
  --brand-tag-bg: #e4eafb;    /* 标签胶囊默认态 */
  --brand-tag-bg-hover: #dce4fa;
  --brand-cyan: #0e9bc7;      /* 三卡 hover 时的标签文字 */

  /* ---------- 文字 ---------- */
  --text-primary: #101932;
  --text-body: #26304d;
  --text-muted: #5b6b8c;
  --text-faint: #8894ad;
  --text-disabled: #c3cbdc;

  /* ---------- 语义色（只用于状态表达，不得用于按钮或装饰） ---------- */
  --accent-warn: #b45309;
  --accent-bad: #dc2626;
  --accent-ok: #1e8e5a;
  --accent-ok-soft: #e3f3ea;
  --accent-warn-soft: #faeee0;
  --accent-bad-soft: #fbe8e8;

  /* ---------- 字体 ---------- */
  /* 说明：PRD 要求 Noto Sans SC / Inter / IBM Plex Mono 本地自托管（避免第三方 CDN
     带来的首屏阻塞与隐私问题）。字体文件尚未入库，此处先按「本地已安装优先 + 系统兜底」
     书写；拿到 woff2 后把 @font-face 补在 css/global/fonts.css 并在这里替换即可。 */
  --font-sans: "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei",
    system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-num: "Inter", "Noto Sans SC", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* ---------- 圆角 ---------- */
  --radius-card: 16px;
  --radius-panel: 18px;
  --radius-input: 12px;
  --radius-inset: 10px;
  --radius-pill-sm: 8px;
  --radius-tag: 6px;
  --radius-pill: 999px;

  /* ---------- 栅格 ---------- */
  --pad-page: 64px;      /* 页面左右安全边距（设计基准 1440） */
  --content-max: 1440px; /* 设计基准宽 */
  --content-w: 1312px;   /* 内容可用宽 = 1440 - 64*2 */

  /* ---------- 区块纵向节奏 ---------- */
  --section-y: 88px;
  --section-y-tight: 76px;
  --header-pad-top: 64px;
  --header-pad-bottom: 44px;

  /* ---------- 动效 ---------- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-fast: 160ms;
  --dur-base: 200ms;
  --dur-slow: 400ms;

  /* ---------- 层级 ---------- */
  --z-nav: 60;
  --z-drawer: 70;
  --z-overlay: 90;
}

/* 手机端（≤899）导航收进抽屉，抽屉宽度 */
:root {
  --drawer-w: 300px;
}