/* 暖色深层重皮 · 冷色 Tailwind 工具类通用覆盖层
 * 把 inbox.html 里散落的冷色 Tailwind 工具类(gray/blue/teal/indigo)统一映射到暖色。
 * 只覆盖颜色属性,绝不改布局。语义色(intent 徽章 .intent-*、状态 bg-[#hex]、
 * 红/琥珀/绿的 100/700 组合)用的是自定义类或任意值 hex,不在本表内 → 保持原义。
 * 各 Tailwind 页在 theme-warm.css 之后引入;#leftRail 段由 id 限定,仅对含该 id 的页(inbox)生效。
 * 映射口径:填充蓝→草地绿(动作),文字蓝→蓝d(链接),灰→暖棕/奶油,teal/indigo→绿。
 */

/* ---------- 灰:文字(越大越深 → 暖棕) ---------- */
.text-gray-200 { color: #d8cdbf !important; }
.text-gray-300 { color: #c6b8a8 !important; }
.text-gray-400 { color: #ab9d8e !important; }
.text-gray-500 { color: #857061 !important; }
.text-gray-600 { color: #6f5a4a !important; }
.text-gray-700 { color: #5c4636 !important; }
.text-gray-800 { color: #4a3626 !important; }
.text-gray-900 { color: #3a2818 !important; }
.hover\:text-gray-600:hover { color: #6f5a4a !important; }
.hover\:text-gray-700:hover { color: #5c4636 !important; }

/* ---------- 灰:背景(奶油系) ---------- */
.bg-gray-50 { background-color: #f9f3e8 !important; }
.bg-gray-100 { background-color: #f3ecdd !important; }
.bg-gray-200 { background-color: #e9dfcc !important; }
.bg-gray-300 { background-color: #dccdb8 !important; }
.bg-gray-400 { background-color: #c4b4a0 !important; }
.bg-gray-700 { background-color: #6d4a30 !important; }
.bg-gray-800 { background-color: #5f3f28 !important; }
.bg-gray-900 { background-color: #543626 !important; }
.hover\:bg-gray-50:hover { background-color: #f2ead9 !important; }
.hover\:bg-gray-100:hover { background-color: #ede2cf !important; }
.hover\:bg-gray-200:hover { background-color: #e4d8c4 !important; }
.hover\:bg-gray-300:hover { background-color: #d6c7b2 !important; }
.hover\:bg-gray-800:hover { background-color: #6d4a30 !important; }
.hover\:bg-gray-900:hover { background-color: #4a2f1e !important; }

/* ---------- 灰:边框(暖线) ---------- */
.border-gray-50 { border-color: #f3ecdd !important; }
.border-gray-100 { border-color: #F0E7D6 !important; }
.border-gray-200 { border-color: #ECE3D3 !important; }
.border-gray-300 { border-color: #ddd0bd !important; }
.border-gray-800 { border-color: #5f3f28 !important; }
.hover\:border-gray-200:hover { border-color: #e0d4bf !important; }

/* ---------- 蓝:填充 → 草地绿(动作按钮,配白字) ---------- */
.bg-blue-600 { background-color: #4f6b1e !important; }
.bg-blue-500 { background-color: #556f26 !important; }
.hover\:bg-blue-700:hover { background-color: #3f571a !important; }
.hover\:bg-blue-600:hover { background-color: #45601a !important; }
.hover\:bg-blue-400:hover { background-color: #45601a !important; }
.hover\:bg-blue-200:hover { background-color: #d5e2f5 !important; }
/* 浅蓝信息底保留柔和蓝(与蓝字/图标成套) */
.bg-blue-50 { background-color: #eef3fb !important; }
.bg-blue-100 { background-color: #dbe6f7 !important; }
.hover\:bg-blue-50:hover { background-color: #e6eef9 !important; }
.hover\:bg-blue-100:hover { background-color: #d5e2f5 !important; }

/* ---------- 蓝:文字/图标 → 蓝d(链接语义,保留蓝) ---------- */
.text-blue-400 { color: #7aa0e0 !important; }
.text-blue-500 { color: #5b86c9 !important; }
.text-blue-600 { color: #5b86c9 !important; }
.text-blue-700 { color: #4a6fb0 !important; }
.text-blue-800 { color: #3f5f96 !important; }
.hover\:text-blue-500:hover { color: #4a6fb0 !important; }
.hover\:text-blue-600:hover { color: #4a6fb0 !important; }
.hover\:text-blue-700:hover { color: #3f5f96 !important; }

/* ---------- 蓝:边框 / 焦点环 → 绿焦点 ---------- */
.border-blue-100 { border-color: #d7e2f4 !important; }
.border-blue-200 { border-color: #c4d6ef !important; }
.border-blue-500 { border-color: #8AB4F8 !important; }
.border-blue-600 { border-color: #5b86c9 !important; }
.hover\:border-blue-200:hover { border-color: #c4d6ef !important; }
.hover\:border-blue-300:hover { border-color: #b3c9ea !important; }
.hover\:border-blue-400:hover { border-color: #a9bd60 !important; }
.focus\:ring-blue-500:focus { --tw-ring-color: #B6C86C !important; }
.focus\:border-blue-500:focus { border-color: #a9bd60 !important; }
.focus\:border-blue-400:focus { border-color: #b9cd76 !important; }

/* ---------- teal / indigo → 草地绿 ---------- */
.text-teal-600 { color: #4f6b1e !important; }
.bg-teal-50 { background-color: #eef3d8 !important; }
.border-teal-100 { border-color: #d8e0b8 !important; }
.text-indigo-600 { color: #4f6b1e !important; }
.text-indigo-700 { color: #3f571a !important; }
.bg-indigo-600 { background-color: #4f6b1e !important; }
.bg-indigo-50 { background-color: #eef3d8 !important; }
.hover\:bg-indigo-700:hover { background-color: #3f571a !important; }
.border-indigo-100 { border-color: #d8e0b8 !important; }

/* ---------- 紫:填充 → 草地绿(动作,如「回复此邮件」),文字 → 绿d ---------- */
.bg-purple-600 { background-color: #4f6b1e !important; }
.bg-purple-800 { background-color: #3f571a !important; }
.bg-purple-100 { background-color: #eef3d8 !important; }
.bg-purple-50 { background-color: #f2f5e6 !important; }
.hover\:bg-purple-700:hover { background-color: #3f571a !important; }
.hover\:bg-purple-50:hover { background-color: #eef3d8 !important; }
.active\:bg-purple-800:active { background-color: #35490f !important; }
.text-purple-500 { color: #4f6b1e !important; }
.text-purple-600 { color: #4f6b1e !important; }
.text-purple-700 { color: #3f571a !important; }
.border-purple-100 { border-color: #dbe4bd !important; }
.border-purple-200 { border-color: #cdd8a0 !important; }
.border-purple-400 { border-color: #a9bd60 !important; }
.focus\:ring-purple-100:focus { --tw-ring-color: #d8e0b8 !important; }

/* ---------- 粉:并入暖色粉(点缀/默认标) ---------- */
.bg-pink-600 { background-color: #e0699a !important; }
.bg-pink-100 { background-color: #ffe1ea !important; }
.bg-pink-50 { background-color: #fff1f5 !important; }
.hover\:bg-pink-700:hover { background-color: #cf5789 !important; }
.hover\:bg-pink-100:hover { background-color: #ffe1ea !important; }
.text-pink-600 { color: #b1547a !important; }
.text-pink-700 { color: #9c4368 !important; }
.border-pink-200 { border-color: #f6c9d8 !important; }

/* ---------- 冷色渐变 → 暖色 ---------- */
.from-blue-50 { --tw-gradient-from: #FFF7E6 var(--tw-gradient-from-position) !important; --tw-gradient-to: rgb(255 247 230 / 0) var(--tw-gradient-to-position) !important; --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to) !important; }
.to-indigo-50 { --tw-gradient-to: #FBF6EA var(--tw-gradient-to-position) !important; }

/* ---------- 左侧导航 rail:白底 + 暖棕图标文字(奶酪配色,减轻视觉重量) ----------
 * 仅作用于 #leftRail 内部,用 id 提升特异性覆盖上面的 .bg-gray-* 全局映射;
 * 不动 rail 之外任何 gray 用法。选中=奶油黄胶囊+深棕字;子项选中保留草地绿胶囊。 */
#leftRail { background-color: #ffffff !important; border-right: 1px solid #ECE3D3; box-shadow: 1px 0 8px rgba(120, 58, 30, .05) !important; }
/* 未选中:图标+文字 柔和棕 */
#leftRail .text-gray-400 { color: #8a7160 !important; }
#leftRail .text-gray-500 { color: #8a7160 !important; }   /* 底部用户名 */
/* 悬停:奶油底 + 深棕字(a 与 button 皆适用) */
#leftRail .hover\:bg-gray-800:hover { background-color: #FBF6EA !important; }
#leftRail .hover\:text-white:hover { color: #783A1E !important; }
/* 主导航项 / 下拉开关(<a>)选中:奶油黄胶囊 + 深棕字 */
#leftRail a.bg-gray-800 { background-color: #FBE8C4 !important; }
#leftRail a.text-white { color: #783A1E !important; }
/* 分割线:暖线 */
#leftRail .border-gray-800 { border-color: #ECE3D3 !important; }
/* 子项(<button>)选中的绿色胶囊(bg-blue-600→草地绿)与白字保持不动:动作语义 */

/* ---------- 补齐冷色工具类覆盖 ----------
 * Tailwind CDN 运行时按类名生成冷色,源码里没有字面 hex → hex grep 查不到。
 * 下列类在新接入的页面(达人库/开发信生成器/测试平台)出现但上表漏映射,
 * 会渲染成原始冷色(选中环/进度条/焦点环/悬停态)。由 test_warm_theme_conformance
 * 的覆盖率用例守护,防回归。语义状态胶囊走任意值 bg-[#..],不在此列。 */
/* 紫:进度条填充 500 → 草地绿;静态文字 800、边框 300 补齐 */
.bg-purple-500 { background-color: #4f6b1e !important; }
.text-purple-800 { color: #3f571a !important; }
.border-purple-300 { border-color: #c2cf90 !important; }
.hover\:bg-purple-200:hover { background-color: #dbe4bd !important; }
.hover\:text-purple-600:hover { color: #4f6b1e !important; }
.hover\:text-purple-700:hover { color: #3f571a !important; }
.hover\:border-purple-400:hover { border-color: #a9bd60 !important; }
/* 紫焦点环 500 → 绿(配合已有 focus:ring-purple-100) */
.focus\:ring-purple-500:focus { --tw-ring-color: #B6C86C !important; }
/* 蓝:hover 边框/文字 600/800 补齐(链接语义保留蓝d) */
.hover\:border-blue-600:hover { border-color: #5b86c9 !important; }
.hover\:text-blue-800:hover { color: #3f5f96 !important; }
/* indigo:hover 文字/边框 → 草地绿 */
.hover\:text-indigo-600:hover { color: #4f6b1e !important; }
.hover\:border-indigo-400:hover { border-color: #a9bd60 !important; }

/* ---------- 蓝色系：灰阶/导航映射到冷蓝灰 ---------- */
html[data-color-theme="blue"] .text-gray-200 { color: #c5d5e2 !important; }
html[data-color-theme="blue"] .text-gray-300 { color: #adc2d2 !important; }
html[data-color-theme="blue"] .text-gray-400 { color: #7b93a4 !important; }
html[data-color-theme="blue"] .text-gray-500 { color: #5a7384 !important; }
html[data-color-theme="blue"] .text-gray-600 { color: #4d6778 !important; }
html[data-color-theme="blue"] .text-gray-700 { color: #2f4d60 !important; }
html[data-color-theme="blue"] .text-gray-800 { color: #1a3344 !important; }
html[data-color-theme="blue"] .text-gray-900 { color: #122636 !important; }
html[data-color-theme="blue"] .hover\:text-gray-600:hover { color: #4d6778 !important; }
html[data-color-theme="blue"] .hover\:text-gray-700:hover { color: #2f4d60 !important; }
html[data-color-theme="blue"] .bg-gray-50 { background-color: #eef5f9 !important; }
html[data-color-theme="blue"] .bg-gray-100 { background-color: #e4eef4 !important; }
html[data-color-theme="blue"] .bg-gray-200 { background-color: #d4e2ec !important; }
html[data-color-theme="blue"] .hover\:bg-gray-50:hover { background-color: #e6f0f6 !important; }
html[data-color-theme="blue"] .hover\:bg-gray-100:hover { background-color: #dceaf2 !important; }
html[data-color-theme="blue"] .hover\:bg-gray-200:hover { background-color: #cfe3ee !important; }
html[data-color-theme="blue"] .border-gray-100 { border-color: #d4e2ec !important; }
html[data-color-theme="blue"] .border-gray-200 { border-color: #c5d5e2 !important; }
html[data-color-theme="blue"] .border-gray-300 { border-color: #adc2d2 !important; }
html[data-color-theme="blue"] .bg-blue-600 { background-color: #1a5f73 !important; }
html[data-color-theme="blue"] .bg-blue-500 { background-color: #1f6b80 !important; }
html[data-color-theme="blue"] .hover\:bg-blue-700:hover { background-color: #154c5c !important; }
html[data-color-theme="blue"] .hover\:bg-blue-600:hover { background-color: #17586a !important; }
html[data-color-theme="blue"] .bg-purple-600 { background-color: #1a5f73 !important; }
html[data-color-theme="blue"] .hover\:bg-purple-700:hover { background-color: #154c5c !important; }
html[data-color-theme="blue"] #leftRail { background-color: #ffffff !important; border-right: 1px solid #c5d5e2; box-shadow: 1px 0 8px rgba(22, 48, 66, .06) !important; }
html[data-color-theme="blue"] #leftRail .text-gray-400 { color: #5a7384 !important; }
html[data-color-theme="blue"] #leftRail .text-gray-500 { color: #5a7384 !important; }
html[data-color-theme="blue"] #leftRail .hover\:bg-gray-800:hover { background-color: #e8f3fa !important; }
html[data-color-theme="blue"] #leftRail .hover\:text-white:hover { color: #1a5f73 !important; }
html[data-color-theme="blue"] #leftRail a.bg-gray-800 { background-color: #cfe8f3 !important; }
html[data-color-theme="blue"] #leftRail a.text-white { color: #163042 !important; }
html[data-color-theme="blue"] #leftRail .border-gray-800 { border-color: #c5d5e2 !important; }