/* ============================================================
 * 问稷 AgriMind · 设计令牌 v4「农书 FIELD LEDGER」
 * ------------------------------------------------------------
 * v4 设计宣言（去 AI 模板味的六条硬约束）：
 *   1. 不要卡片墙——用「硬线栏格」（印刷排版的栏），不用浮起来的圆角卡；
 *   2. 不要柔和投影——用 1px 近黑细线 + 纸面区分层级，投影只用于真浮层；
 *   3. 不要居中对称 hero——一律左对齐、非对称分栏（7/5、8/4）；
 *   4. 不要每节都重复同一个装饰（v1–v3 的「//」标签已删除，改用巨型编号）；
 *   5. 数字用衬线 + 上标单位，像肥料袋上的成分标注，不用渐变文字；
 *   6. 允许留白与「空」，信息密度靠网格而不是靠卡片。
 *
 * 单一真源：所有颜色/字号/间距/圆角/动效必须取自本文件。
 * ========================================================== */
:root{
  /* ---------- 纸与线 ---------- */
  --paper:#F4F2EC;        /* 纸：比 v3 更亮更冷，减少米黄甜腻感 */
  --paper-2:#EDEAE2;
  --paper-3:#E5E1D7;
  --panel:#FFFFFF;
  --panel-2:#FAF9F5;
  --panel-3:#F0EEE7;

  --line:#DEDBD1;         /* 常规分隔 */
  --line-2:#C7C3B6;       /* 强调分隔 */
  --line-3:#2A2721;       /* 硬线：印刷式分隔，接近墨色 */
  --line-4:#14120E;

  /* ---------- 墨（四级文字） ---------- */
  --ink:#14120E;          /* 土壤黑（v3 的绿黑已换掉） */
  --ink-2:#4A4741;
  --ink-3:#7C7970;
  --ink-4:#A8A59C;

  /* ---------- 品牌轨 ---------- */
  --brand:#D8EB2A;        /* 荧光 lime：只做极小面积强调与下划线 */
  --brand-2:#E4F160;
  --brand-soft:#F5FAD6;
  --brand-ink:#2E3600;
  --brand-deep:#6E8C00;
  --forest:#0E2A1E;       /* 深墨绿：权威面 / 深色带 */
  --forest-2:#1C4534;

  /* ---------- 农事辅色（新增：用于分类与图表，替代花哨的紫） ---------- */
  --soil:#A8562A;         /* 赭土：底肥 / 土壤相关 */
  --wheat:#C9A648;        /* 麦黄：产量 / 收获 */
  --clay:#E8DCC8;
  --sky:#2F6FA8;          /* 天青：气象 / 水分 */

  /* ---------- 语义轨 ---------- */
  --ok:#1E7A4C;   --ok-bg:#E9F5EE;   --ok-line:#C4E3D2;
  --warn:#B26A05; --warn-bg:#FBF2E2; --warn-line:#EBD9B4;
  --risk:#C2372F; --risk-bg:#FBECEA; --risk-line:#EFCFCB;
  --info:#2F5FE0; --info-bg:#ECF1FE; --info-line:#CBD8F8;
  --violet:#6B4FD8; --violet-bg:#F0EDFD; --violet-line:#D8D0F7;

  /* ---------- 数据系列（跨页固定顺序） ---------- */
  --d1:#0E2A1E; --d2:#2F6FA8; --d3:#6E8C00; --d4:#A8562A; --d5:#C9A648; --d6:#C2372F;

  /* ---------- 字体 ---------- */
  --font-sans:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Microsoft YaHei",
              system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  /* 数字衬线：肥料袋成分标注 / 仪器刻度的质感，Windows 必定存在 */
  --font-figure:Georgia,"Times New Roman","Songti SC",serif;

  /* ---------- 字号层级 ---------- */
  --t-label:10.5px;
  --t-cap:11.5px;
  --t-body:13px;
  --t-body-lg:14.5px;
  --t-h3:14px;
  --t-h2:22px;
  --t-h1:38px;
  --t-hero:46px;          /* 首屏大标题（v4 新增） */
  --t-fig:64px;           /* 巨型数字（v4 新增） */
  --t-fig-xl:104px;       /* 结果页主数字（v4 新增） */

  /* ---------- 间距 ---------- */
  --s1:4px; --s2:8px; --s3:12px; --s4:16px; --s5:20px; --s6:24px; --s7:32px; --s8:44px; --s9:64px;

  /* ---------- 圆角：v4 改为硬边。印刷品没有圆角 ---------- */
  --r-xs:0px; --r-sm:1px; --r:1px; --r-lg:2px; --r-xl:3px; --r-pill:999px;

  /* ---------- 深色面 ---------- */
  --deep:#0B1A13;
  --deep-2:#12271C;
  --deep-3:#1B3826;
  --deep-line:rgba(255,255,255,.14);
  --deep-line-2:rgba(255,255,255,.26);
  --deep-ink:#F1F3EC;
  --deep-ink-2:#AEBAA9;
  --deep-ink-3:#7E8C79;

  /* ---------- 渐变：只保留极低饱和的面，禁止"AI 紫蓝渐变" ---------- */
  --grad-brand:linear-gradient(180deg,#E4F160 0%,#D8EB2A 100%);
  --grad-deep:linear-gradient(180deg,#12271C 0%,#0B1A13 100%);
  --grad-soft:linear-gradient(180deg,#FFFFFF 0%,#FAF9F5 100%);
  --grad-hair:linear-gradient(90deg,transparent 0%,var(--line-2) 22%,var(--line-2) 78%,transparent 100%);

  /* ---------- 阴影：v4 几乎不用。层级靠线，不靠影 ---------- */
  --sh-1:none;
  --sh-2:0 1px 0 rgba(20,18,14,.05);
  --sh-3:0 2px 0 rgba(20,18,14,.06);
  --sh-4:0 24px 60px -28px rgba(20,18,14,.30);   /* 仅浮层 */
  --sh-pop:0 20px 50px -22px rgba(20,18,14,.34); /* 仅下拉/弹窗 */
  --ring:0 0 0 2px var(--paper),0 0 0 4px var(--brand-deep);

  /* ---------- 纹理 ---------- */
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='.35'/%3E%3C/svg%3E");

  /* ---------- 动效 ---------- */
  --ease:cubic-bezier(.2,.75,.3,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
  --t-fast:120ms; --t:180ms; --t-slow:320ms;

  /* ---------- 布局 ---------- */
  --maxw:1320px;
  --gutter:16px;
  --gap:10px;
}
@media (min-width:820px){ :root{ --gutter:28px; --gap:14px; } }
@media (max-width:480px){ :root{ --t-hero:32px; --t-fig:44px; --t-fig-xl:64px; } }

/* 双模式：口语 / 专业 两套明确不同的阅读设定
 * 口语（默认）：字更大、行更松、更易读，面向农户与田间；
 * 专业：字更小、行更紧、信息更密，面向农技员与评委，并显式露出参数与指标。 */
html[data-mode="plain"]{
  --t-body:16px; --t-body-lg:17.5px; --t-cap:13px; --t-label:12px;
  --mode-lh:1.9; --mode-track:0;
}
html[data-mode="expert"]{
  --t-body:12.5px; --t-body-lg:13.5px; --t-cap:10.5px; --t-label:10px;
  --mode-lh:1.55; --mode-track:.012em;
}