/* ============================================================
   Claude 主题（暖米色 · 陶土橙 · 圆润柔和）
   ------------------------------------------------------------
   20261004SIDEBASE：瘦身为纯色板层。
   组件骨架已上移到 theme-base.css（三套共用，只写 var()）。
   本文件只负责：色板 + Claude 独有的形状/字族差异。

   激活方式：<html class="theme-claude"> + 本文件启用
   ============================================================ */

/* ---------- 色板 ---------- */
:root {
  --bg: #f5f4ef;
  --bg-grad: radial-gradient(1200px 600px at 80% -10%, #efece2 0%, transparent 55%),
             radial-gradient(900px 500px at -10% 110%, #f1eee6 0%, transparent 50%),
             #f5f4ef;
  --card: #fdfcfa;
  --border: #e7e4db;
  --border-strong: #d4d0c3;
  --text: #1c1917;
  --text-muted: #6e6a5e;
  --text-strong: #292524;
  --primary: #d97757;
  --primary-dark: #c15f3c;
  --primary-soft: #faece7;
  --primary-grad: linear-gradient(135deg, #e08a6c, #d97757);
  --green: #4d7c0f;
  --green-soft: #f0f6e7;
  --red: #b91c1c;
  --red-soft: #fbecec;
  --amber: #b45309;
  --amber-soft: #fdf6e9;
  --th-bg: #f7f4ef;
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 1px 2px rgba(28, 25, 23, .04), 0 4px 14px rgba(28, 25, 23, .05);
  --shadow-lg: 0 16px 40px rgba(28, 25, 23, .12);
  --c-f1: #d97757;
  --c-f2: #d4a017;
  --c-f3: #4d7c0f;
  --c-f4: #8b5cf6;

  /* ---------- 语义色槽（灰阶：Claude 暖灰，不用默认冷灰）---------- */
  --gray-50: #faf8f4;
  --gray-100: #f3f0e8;
  --gray-200: #e7e4db;
  --gray-400: #d4d0c3;
  --gray-500: #a8a29a;
  --gray-600: #6e6a5e;
  --gray-700: #57534e;
  --gray-800: #44403c;
  --gray-900: #292524;
  /* 输入框填充：Claude 暖米 */
  --input-fill: #f6f3ec;
  --input-fill-hover: #efece2;

  /* ---------- 表格 ---------- */
  --tb-td-border: #ebe8df;
  --tb-row-hover-bg: #faf8f2;

  /* ---------- 表单控件（Claude 保留无框 + 暖底）---------- */
  --ctl-border: transparent;
  --ctl-border-hover: #d4d0c3;

  /* ---------- 按钮（Claude 主按钮是渐变）---------- */
  --btn-primary-bg: var(--primary-grad);
  --btn-primary-bg-hover: linear-gradient(135deg, #d97757, #c15f3c);

  /* ---------- chip（Claude 暖米底）---------- */
  --chip-bar-bg: #f0ece2;
  --chip-bar-border: #e4dfd2;
  --chip-bar-fg: #57534e;
  --chip-bar-fg-in: #1c1917;

  /* ---------- 侧栏（暖米白）---------- */
  --side-bg: #fbfaf7;
  --side-fg: #1c1917;
  --side-border: #ebe8df;
  --side-shadow: 2px 0 16px rgba(28, 25, 23, .04);
  --side-scroll-thumb: #ddd9cd;
  --side-scroll-thumb-hover: #c9c4b4;
  --side-item-fg: #57534e;
  --side-item-bg-hover: #faf7f2;
  --side-item-fg-hover: #b45309;
  --side-item-bg-active: #faf7f2;
  --side-item-fg-active: #b45309;
  --side-item-shadow-active: inset 3px 0 0 #d97706;
  --side-item-radius: var(--radius-sm);
  /* 侧栏文字细腻化（对齐旧版 theme-claude.css:140-143） */
  --side-item-size: 13px;
  --side-item-weight: 600;
  --side-item-ls: 1px;
  --side-item-pad: 10px 12px;
  --side-item-pad-compact: 10px 12px;/* 旧主题以 spec(0,2,0) 压过 index.html:99紧凑态 */
  --side-item-weight-active: 700;

  /* ---------- 顶栏（Claude 毛玻璃暖白）----------
     注意：--topbar-border 必须保持 var(--border)（基线值）。
     原 Claude 主题并未把 topbar 边框设为透明，只设了背景+blur；
     早前误设 transparent 导致底边框消失（实测 OLD 有 1px 暖灰 / NEW 无）。 */
  --topbar-bg: rgba(251, 250, 247, .78);
  --topbar-border: var(--border);
  --topbar-blur: blur(10px);          /* 原主题 head-theme-claude.css:120 */

  /* ---------- 卡片（Claude 原主题 .card 用 --radius=16px）----------
     注意：原 Claude 主题未覆盖 .kpi 圆角，KPI 卡保持基线 --radius-md(12px)。
     只覆盖 --card-2-radius，不动 --kpi-radius。 */
  --card-2-radius: var(--radius);

  /* ---------- 页签 ---------- */
  /* 注：Claude 原主题文件未覆盖 .rest-tabs/.process-tabs 的底色，
     保持骨架默认（--tabs-bg 跟随基线 --gray-100），
     避免凭空给基线没定义的激活态加底色 */
  --ptab-active-bg: var(--primary-grad);
  --ptab-active-fg: #ffffff;

  /* ---------- 徽标（陶土胶囊）---------- */
  --badge-bg: #faece7;
  --badge-fg: #c15f3c;
  --badge-radius: 20px;
  --badge-pad: 2px 10px;

  /* ---------- 图标描边（Claude 粗圆线 2.2）---------- */
  --icon-stroke: 2.2;
}

/* ---------- Claude 独有：白底 logo 融入暖米侧栏 ---------- */
html.theme-claude .side-logo {
  mix-blend-mode: multiply;
  background: transparent;
}

/* ---------- Claude 独有：数字衬线优雅 ---------- */
html.theme-claude .kpi-num,
html.theme-claude .big-num,
html.theme-claude .rpt-kpi-val,
html.theme-claude .cm-kpi-val,
html.theme-claude .stat-num,
html.theme-claude .cm14-kpi .k14-v {
  font-family: Georgia, "Times New Roman", "Noto Serif SC", serif;
  font-weight: 600;
  letter-spacing: -.3px;
}

/* ---------- Claude 独有：侧栏字距细腻化 ---------- */
/* 排印已收敛为 --side-item-* 变量槽（theme-base.css:397-412），此处不再重复声明 */