/* SuperTend 浅色主题覆盖（html.light 时生效，深色为默认） */

html.light body {
  background-color: #f1f5f9;
  color: #0f172a;
}

/* 页面/卡片背景 */
html.light .bg-slate-950 { background-color: #f1f5f9; }
html.light .bg-slate-900 { background-color: #ffffff; }
html.light header { background: rgba(255, 255, 255, 0.88); }

/* 边框 */
html.light .border-slate-800 { border-color: #e2e8f0; }
html.light .border-slate-700 { border-color: #cbd5e1; }
html.light header { border-color: #e2e8f0; }

/* 文字 */
html.light .text-slate-100 { color: #0f172a; }
html.light .text-slate-200 { color: #1e293b; }
html.light .text-slate-300 { color: #334155; }
html.light .text-slate-400 { color: #475569; }
html.light .text-slate-500 { color: #64748b; }
html.light .text-slate-600 { color: #94a3b8; }

/* 头像占位、输入框底 */
html.light .bg-slate-700 { background-color: #e2e8f0; }

/* 阴影减淡 */
html.light .shadow-lg {
  box-shadow: 0 10px 15px -3px rgb(15 23 42 / 0.08), 0 4px 6px -4px rgb(15 23 42 / 0.05);
}

/* Tab 未选中态在浅色下更柔和 */
html.light .tab-btn.bg-slate-900 { background-color: #ffffff; }

/* 图表页 Binance 按钮保持琥珀色系，浅色下加深一点底色 */
html.light .bg-amber-400\/10 { background-color: rgb(251 191 36 / 0.15); }

/* ---------------- TradFi 卡片标记 ---------------- */

/* 美股：饱和紫蓝渐变，与 crypto 深灰卡片明显区分 */
[data-category="stock"] {
  background: linear-gradient(135deg, rgba(67, 56, 202, 0.6), rgba(30, 27, 75, 0.95) 70%) !important;
  border-color: rgba(129, 140, 248, 0.7) !important;
}
html.light [data-category="stock"] {
  background: linear-gradient(135deg, #c7d2fe, #eef2ff 70%) !important;
  border-color: #818cf8 !important;
}
.cat-tag {
  display: inline-block;
  font-size: 10px;
  line-height: 1;
  padding: 3px 5px;
  border-radius: 4px;
  margin-left: 4px;
  vertical-align: middle;
  font-weight: 600;
}
.cat-tag.stock { background: rgba(99, 102, 241, 0.25); color: #a5b4fc; }
html.light .cat-tag.stock { background: #e0e7ff; color: #4338ca; }

/* 大宗：琥珀金渐变 */
[data-category="commodity"] {
  background: linear-gradient(135deg, rgba(217, 119, 6, 0.25), rgb(15 23 42) 62%) !important;
  border-color: rgba(245, 158, 11, 0.5) !important;
}
html.light [data-category="commodity"] {
  background: linear-gradient(135deg, #fef3c7, #ffffff 62%) !important;
  border-color: #fcd34d !important;
}
.cat-tag.commodity { background: rgba(245, 158, 11, 0.22); color: #fcd34d; }
html.light .cat-tag.commodity { background: #fef3c7; color: #b45309; }