/* ============================================================================
   tokens.css —— 设计令牌唯一来源（DESIGN.md §3）
   ★ 所有颜色只在这里定义；其它 CSS 一律引用变量，不得写死色值。
   ★ 两套主题 = 同一个世界的两种材质（蓝晒负片 / 描图纸）：
     坐标网格、图签栏、尺寸线、引线标注、印章结构全保留，只换"纸"的明度与墨色。
   ========================================================================== */

/* ★ color-scheme（滚动条 / 表单控件 / UA 画的默认画布）：**钉死在 data-theme 上**，
   不跟系统的 prefers-color-scheme 走 —— 2026-10-05 起默认主题＝浅色（用户拍板），
   若仍由 UA 按系统挑，深色系统下打开浅色主题会配深色滚动条，看着像"没切干净"。
   ★ 本条覆盖 _head.html 里 <meta name="color-scheme"> 的 UA 级默认值（作者 CSS 优先）。 */
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark}

:root{
  /* ---------- 深色 · 蓝晒负片：夜里摊开在桌上的制图纸 ----------
     ★ 2026-10-05：本块**不再是"默认主题"**（默认已改浅色，见 _theme_boot.html）；
       它只是深色主题的令牌基线，由 `[data-theme="dark"]` 之外的默认值承载。 */
  --navy:#1a2a3a;          /* 场（纸本身）*/
  --navy-deep:#101d29;     /* 图签栏 / 固定栏 */
  --navy-line:rgba(126,207,224,.22);   /* 发丝边 */
  --teal:#1a6b7a;          /* 品牌主行动色（印上去的版）*/
  --teal-mid:#14525f;
  --teal-deep:#0f3d48;
  --teal-light:#207e8e;
  --cyan:#22a3b8;          /* 强调亮青 */
  --cyan-soft:#7ecfe0;     /* 制图线 */
  --ink:#eef3f5;           /* 正文墨色 */
  --ink-2:#a8bcc9;         /* 次要 */
  --ink-3:#8ba2b1;         /* 三级 */
  --on-plate:#d5e6ea;      /* 青绿版面上的字 */
  --warn:#ef8076;          /* 红，仅警示 */
  --accent-text:#22a3b8;   /* 价格 / 链接 / 数字强调 —— 深底上用「强调亮青」(DESIGN.md §3) */
  --ink-strong:#ffffff;    /* 强调/悬停的墨色 */
  --plate-ink:#ffffff;
  --field-veil:rgba(9,20,29,.55);
  --sunken:rgba(9,20,29,.34);
  --hairline:rgba(126,207,224,.13);
  --grid-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M24 0H0V24' fill='none' stroke='%237ecfe0' stroke-opacity='.075' stroke-width='1'/%3E%3C/svg%3E");
  --plate-shadow:0 14px 26px -20px rgba(4,12,19,.95);
  --plate-shadow-hover:0 22px 34px -20px rgba(4,12,19,1);
  --plate-shadow-lg:0 24px 40px -26px rgba(4,12,19,1);
  --scroll-track:#101d29;
  --sel-fg:#0d1a24;

  /* ---------- 非颜色令牌（两套共用）---------- */
  --ease:cubic-bezier(0.32,0.72,0,1);
  --gutter:16px;
  --bar-h:52px;
  --sw:.9;
  --r-card:12px;
  --r-plate:12px;
  --r-lg:14px;
  --r-chip:999px;
  --sans:"PingFang SC","HarmonyOS Sans SC","Source Han Sans SC","Noto Sans SC","Microsoft YaHei",system-ui,sans-serif;
  --mono:ui-monospace,"Cascadia Mono","SF Mono",Consolas,Menlo,monospace;
}

/* ---------- 浅色 · 描图纸 / 白图纸：日间工作台上的制图纸 ---------- */
[data-theme="light"]{
  --navy:#fbfcfc;          /* 冷白场 */
  --navy-deep:#eef2f4;     /* 图签栏 / 固定栏 */
  --navy-line:rgba(26,42,58,.16);
  --teal:#1a6b7a;          /* ★ 青绿实底不变：商品永远是焦点 */
  --teal-mid:#14525f;
  --teal-deep:#0f3d48;
  --teal-light:#155d6a;
  --cyan:#0d5f70;          /* 浅底上的强调：压深以保证文字/边框可读 */
  --cyan-soft:#2f7d8f;     /* 制图线（浅底上压深）*/
  --ink:#1b2a35;           /* 正文墨色 —— 深蓝灰，非纯黑 */
  --ink-2:#485c69;         /* 次要 */
  --ink-3:#5b6f7c;         /* 三级 */
  --on-plate:#d5e6ea;      /* 版面仍是青绿 ⇒ 版面字色不变 */
  --warn:#b3261e;          /* 红，仅警示（浅底需压深）*/
  --accent-text:#1a6b7a;   /* 价格 / 链接 / 数字强调 —— 浅底上用「青绿」本身 */
  --ink-strong:#0f3d48;    /* 强调/悬停的墨色（浅底压深）*/
  --plate-ink:#ffffff;
  --field-veil:rgba(255,255,255,.72);
  --sunken:rgba(26,42,58,.045);
  --hairline:rgba(26,42,58,.12);
  --grid-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M24 0H0V24' fill='none' stroke='%231a2a3a' stroke-opacity='.07' stroke-width='1'/%3E%3C/svg%3E");
  --plate-shadow:0 14px 26px -22px rgba(26,42,58,.45);
  --plate-shadow-hover:0 22px 34px -22px rgba(26,42,58,.55);
  --plate-shadow-lg:0 24px 40px -28px rgba(26,42,58,.5);
  --scroll-track:#eef2f4;
  --sel-fg:#ffffff;
}