/* ============================================================
   theme-override.css — Butler 前端琥珀金设计系统（米白浅色版）
   目标：将 React SPA 的深色视觉替换为上传 demo（ref-jarvis.html）
   的「米白底 + 琥珀金」风格。保留 DOM/类名，仅覆盖视觉 token。
   ============================================================ */

:root {
  /* demo 设计 token */
  --jarvis-bg: #faf7f2;            /* 米白底 */
  --jarvis-bg-soft: #fffbeb;       /* 暖米 */
  --jarvis-bg-glow: #fef3c7;       /* 琥珀淡 */
  --jarvis-amber: #fbbf24;         /* 主琥珀 */
  --jarvis-amber-deep: #f59e0b;    /* 深琥珀 */
  --jarvis-amber-darker: #d97706;  /* 更深 */
  --jarvis-amber-glow: rgba(245,166,35,0.25);
  --jarvis-amber-ring: rgba(251,191,36,0.15);
  --jarvis-ink: #1f2937;           /* 深字 */
  --jarvis-ink-2: #374151;
  --jarvis-ink-3: #6b7280;
  --jarvis-ink-faint: #9ca3af;
  --jarvis-card: #ffffff;
  --jarvis-card-border: rgba(245,166,35,0.25);
  --jarvis-ok: #22c55e;
}

/* ---- 全局背景：米白 + 琥珀光晕 ---- */
body,
#root {
  background:
    radial-gradient(1200px 800px at 80% -10%, rgba(251,191,36,0.07), transparent 60%),
    radial-gradient(900px 700px at 10% 110%, rgba(245,158,11,0.05), transparent 55%),
    linear-gradient(160deg, #fffbeb 0%, #faf7f2 55%, #f5f0e8 100%) !important;
  color: var(--jarvis-ink) !important;
}

/* ---- 侧边栏：深色 → 白色玻璃 + 琥珀高亮 ---- */
aside[class*="bg-ink"],
aside[class*="bg-ink/"],
[class*="sidebar"][class*="bg-ink"] {
  background: rgba(255,255,255,0.75) !important;
  backdrop-filter: blur(20px) !important;
  border-right-color: rgba(245,166,35,0.2) !important;
}
aside[class*="bg-ink"] * ,
aside[class*="bg-ink/"] * {
  color: var(--jarvis-ink-2) !important;
}
/* 导航项 hover/active 琥珀高亮 */
aside nav a:hover {
  background: rgba(251,191,36,0.12) !important;
  color: var(--jarvis-amber-darker) !important;
}
aside nav a[class*="bg-amber"],
aside nav a[class*="amber-accent"] {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color: #1a1410 !important;
}

/* ---- 主体文字：白/亮灰 → 深琥珀色阶 ---- */
[class*="text-ink"],
[class*="text-white"] {
  color: var(--jarvis-ink) !important;
}
[class*="text-ink-dim"] {
  color: var(--jarvis-ink-3) !important;
}
[class*="text-ink-faint"],
[class*="text-white/40"],
[class*="text-white/50"] {
  color: var(--jarvis-ink-faint) !important;
}

/* ---- 卡片：深色/半透 → 白色卡片 + 琥珀边框阴影 ---- */
[class*="glass-dash"],
[class*="glass-card"],
[class*="card"] {
  background: rgba(255,255,255,0.85) !important;
  border-color: rgba(245,166,35,0.25) !important;
  box-shadow: 0 8px 32px rgba(0,0,0,0.06), 0 0 0 1px rgba(251,191,36,0.06) !important;
}

/* ---- 主按钮：蓝/青绿 → 琥珀渐变 ---- */
button[class*="from-sky"],
button[class*="from-blue"],
button[class*="from-indigo"],
button[class*="bg-sky"],
button[class*="bg-blue"],
button[class*="bg-indigo"],
button[class*="bg-amber-accent"] {
  background-image: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
  color: #1a1410 !important;
  font-weight: 600 !important;
  box-shadow: 0 4px 14px rgba(245,166,35,0.35) !important;
}

/* ---- 输入框 ---- */
input, textarea, select {
  background: rgba(255,255,255,0.9) !important;
  border-color: rgba(245,166,35,0.3) !important;
  color: var(--jarvis-ink) !important;
  border-radius: 10px !important;
}
input:focus, textarea:focus, select:focus {
  border-color: var(--jarvis-amber) !important;
  box-shadow: 0 0 0 3px rgba(251,191,36,0.15) !important;
}
::placeholder {
  color: var(--jarvis-ink-faint) !important;
}

/* ---- 标签/chips ---- */
[class*="tag"], [class*="chip"], [class*="badge"] {
  background: rgba(251,191,36,0.12) !important;
  color: var(--jarvis-amber-darker) !important;
}

/* ---- 边框分隔 ---- */
[class*="border-ink-line"] {
  border-color: rgba(245,166,35,0.15) !important;
}

/* ---- 选中/高亮文字 ---- */
mark, [class*="highlight"] {
  background: rgba(251,191,36,0.25) !important;
  color: var(--jarvis-ink) !important;
}

/* ---- 补充：知识库领域容器（设置页深色残留）---- */
[class*="bg-ink-line/"],
[class*="bg-ink-line"] {
  background: rgba(251,191,36,0.10) !important;
}
[class*="bg-slate-800"] {
  background: rgba(251,191,36,0.10) !important;
  color: var(--jarvis-ink-2) !important;
}
/* 知识库子项文字 */
[class*="bg-slate-800"] * {
  color: var(--jarvis-ink-2) !important;
}
/* 人体图 hover 提示气泡：深色 → 深琥珀（保持高对比）*/
[class*="pointer-events-none"][class*="rounded-md"] {
  background: rgba(217,119,6,0.92) !important;
  color: #fff !important;
}

/* ---- 日历选中日期圆点：深色 → 琥珀 ---- */
[class*="rounded-full"][class*="bg-ink"] {
  background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
}