/* UIOPT-R6-THEME · 主题配色层（占位头，bot 按 TASK-R6-THEME.md A 段填充；仲裁方 09-20 建+挂载）
   蒋哥裁定原话（09-20）：「关于主题配色,你可以在配置页先落实选项,并且在实际页面做整体梳理和调整.
   比如我最喜欢的配色就是v1.0版本的hermes.这个你已经可以进行介入了。」
   机制：静态主题块 html[data-theme-preset="X"]{…} 覆盖 uiopt-r1 :root 契约 token；
   无属性=现行标准主题（r1 原值，零回归）。切主题=换一套 :root 值，全局生效。
   v1.0 先例（architect-ai web/src/composables/useTheme.ts 只读核证，公式=逐通道线性插值
   a+(b-a)*t、JS round、clamp 0~255）：bg-hover=darken(bg,.03) bg-subtle=darken(bg,.015)
   fg-secondary=mix(text,bg,.4) fg-tertiary/muted=mix(text,bg,.6) border 直取
   accent-subtle=rgba(accent,.12) fg-inverse=#fefefd。
   hermes 推导值全表与逐条映射判定见 REPORT-R6-THEME-A.md（$P=/tmp/uiopt-20260920）。 */

/* ── hermes 静态主题块（v1.0 hermes 配色移植：暖纸底 + 深墨字 + 金 accent + 赤陶执行线） ──
   特异度 html[data-theme-preset="hermes"] = (0,1,1) > :root (0,1,0)，与挂载序无关；
   r1 的 --project-shell/--ink/--hairline 系转发 token 自动跟随本块（r1:47-54 均为 var 形）。
   标准主题（无属性）下本块不激活=零回归。 */
html[data-theme-preset="hermes"] {
  /* r1 契约 token 重映射（推导：derive-r6.py，v1.0 公式同构） */
  --canvas-bg: #FEFCF7;          /* v1.0 hermes bg */
  --surface: #FAF7F0;            /* v1.0 hermes surface */
  --card-bg: #FDFBF8;            /* mix(surface,#fff,.5)：画布#FEFCF7<卡#FDFBF8<面板#FAF7F0 分层保留 */
  --card-tint-blue: #43BFF1;     /* mix(tint,bg,.12)：保色相、融暖底（卡角编号点+染色面文字两态同值） */
  --card-tint-peach: #F3C9A4;
  --card-tint-green: #3DB05E;
  --ink-1: #1A1610;              /* v1.0 text */
  --ink-2: #75726C;              /* mix(text,bg,.4)=fg-secondary */
  --ink-3: #A3A09B;              /* mix(text,bg,.6)=fg-tertiary/muted */
  --accent-marker: #E6B9AC;      /* lighten(terracotta #C0512F,.6)：卡脚作者/日期专用提亮（ink-1 上 ≥AA 判据） */
  --accent-ui: #B8860B;          /* v1.0 hermes accent（dark goldenrod） */
  --surface-soft: rgba(250, 247, 240, .92); /* r1 白纱→surface 暖纱 */
  --hairline: rgba(26, 22, 16, .08);        /* ink-1 族薄线 */
  --ctl-hover: #F6F4F0;          /* darken(bg,.03) */
  --chip-bg: #FAF8F3;            /* darken(bg,.015) */
  --project-band: #FDFBF8;       /* 卡题纸带（r1:53 字面 #FFFFFF 同特异度压回，暖白仍纸白、勿翻暗） */
  /* refinement.css :root R5B-CHROME v2 四词边 token（Phase1，2026-09-21）：
     --edge-exec/--edge-focus=var(--accent-marker)/var(--accent-ui)、--edge-done=color-mix(idle) 均在
     use-site 随本块同名 token 解算=自动跟主题（蒋哥默认裁①「执行态随主题」形制实现，零额外行）。
     仅静置灰需专值=ink-3 同值。旧名 --edge-dashed/--edge-gray/--edge-solid 退役
     （旧值 #75726C/#A3A09B/#C0512F 见备份 .pre-r5bp1；赤陶执行线 #C0512F 视觉退役=型零编码）。 */
  --edge-idle: #A3A09B;          /* 静置=ink-3 族 */
  /* uiopt-r6a 角色层（styles/refinement 散色梳理后的 var(--u6-*,原值) 回退位；标准态=回退原值零漂移） */
  --u6-ink: #1A1610;             /* 主文字族 */
  --u6-ink-soft: #75726C;        /* 次级文字族 */
  --u6-ink-mute: #A3A09B;        /* 三级文字族 */
  --u6-line: #E0D8C8;            /* 灰/暖灰描边族=v1.0 border */
  --u6-paper: #FAF7F0;           /* 暖白/暖灰面板底→surface */
  --u6-wash: #F6F4F0;            /* 浅灰底→ctl-hover 深化位 */
  --u6-dark: #1A1610;            /* 深底 chrome 家族统一=暖黑（v1.0 hermes text 直取，不引新魔法值；暗底上文字全为白/功能反色，豁免族不受影响） */
  --u6-gold: #D4B66D;            /* 暖金族=lighten(accent,.4) */
  --u6-flag: #C0512F;            /* 赤陶族=marker 原值 */
  --u6-pick: #B8860B;            /* 绿=旧 accent 位→金 accent */
  --u6-pick-deep: #6E5007;       /* 深绿=accent 深化位=mix(accent,#000,.4) */
  --u6-pick-wash: #F6F0E2;       /* 浅绿洗底=lighten(accent,.88) */
}
/* r1 残留紫字面压回（r1 冻结件 grep 实形=5 处 :60/:108/:111/:126/:136；等值 alpha 换金色相，
   主题前缀使特异度必然压过原规则。注：标准 .canvas-card.selected(r1:110) 本用 var(--accent-ui)，
   金化由 token 自动完成，无需覆写）。 */
html[data-theme-preset="hermes"] .projects-heading .primary-button:hover { background: #9A6F09; }                    /* r1:60 紫#5B45B8=accent hover 位 */
html[data-theme-preset="hermes"] .canvas-card.imported-canvas-object.selected { outline-color: rgba(184, 134, 11, .7); } /* r1:108 紫 .7 */
html[data-theme-preset="hermes"] .canvas-card.connect-source { box-shadow: 0 0 0 3px rgba(184, 134, 11, .25), var(--sh-rest); } /* r1:111 紫 .25 */
html[data-theme-preset="hermes"] .canvas-toolbar button.active { background-color: rgba(184, 134, 11, .12); }          /* r1:126 紫 .12 */
html[data-theme-preset="hermes"] .left-rail button:hover,
html[data-theme-preset="hermes"] .left-rail button.active { background-color: rgba(184, 134, 11, .12); }               /* r1:136 紫 .12（hover+active 同则） */