/* Textory · 视觉变量（v4.47 设计规范 v1 定稿 · 唯一真源）
   配色：暖奶油 + 墨 + 金；全站引用变量，禁止散落裸 hex。 */
:root {
  /* 底色层 */
  --bg: #EAE4D6;
  --surface: #F3EEE2;
  --panel: #FBF9F3;
  --paper: #FBF7EC;
  --card: #ffffff;

  /* v4.57 对话气泡（用户/AI 同宽） */
  --chat-col-width: 720px;
  --bubble-max: min(90%, calc(var(--chat-col-width) * 0.9));

  /* v4.106.15 侧栏宽度（SSOT）· 最近作品标题 ≥11 汉字 */
  --sidebar-width: 380px;

  /* 墨色与字 */
  --ink: #2A2118;
  --ink-soft: #33291B;
  --text: #4A3F2C;
  --text-dim: #6B5D45;
  --muted: #8A7A52;
  --faint: #A89878;
  --label: #B0A075;

  /* 鎏金与点缀 */
  --gold: #B0851C;
  --gold-deep: #8A6A14;
  --gold-soft: #FBF3DC;
  --gold-line: #F0D98A;
  --amber: #F0C84A;
  --cream: #FBF3DC;

  /* 线与状态 */
  --line: #E5DDC9;
  --line-soft: #F0EADB;
  --line-dash: #D8CCAE;
  --hair: rgba(176, 160, 117, .18);
  --ok: #6F9A55;
  --ok-soft: #EFF5E6;
  --warn: #C77A2E;
  --warn-soft: #FBEEE2;
  --warn-line: #EBC9A8;
  --bad: #C0524A;
  --violet: #8569A8;
  --slate: #5E7CA8;

  /* 语义别名（v4.47 · 设计规范 §1） */
  --ui-hover: #ECE4D2;
  --ui-hover-ghost: rgba(236, 228, 210, .65);
  --border-input: var(--line);
  --placeholder: var(--faint);
  --bubble-user: #F3ECDC;
  --scrollbar: var(--line-dash);
  --seltb-text: #E8DEC8;
  --mask: rgba(40, 33, 24, .4);
  --slider-track: var(--line-soft);
  --highlight: var(--amber);
  --highlight-soft: #F6D77A;

  /* 字体 */
  --ui: 'Noto Serif SC', 'Cormorant Garamond', serif;
  --serif: 'Cormorant Garamond', 'Noto Serif SC', serif;
  --serif-cn: 'Noto Serif SC', 'Cormorant Garamond', serif;
  --sans: 'DM Sans', 'Noto Sans SC', -apple-system, sans-serif;
  --mono: 'Space Mono', ui-monospace, monospace;

  /* 字阶 */
  --fs-display: 40px;
  --fs-h1: 28px;
  --fs-h2: 20px;
  --fs-h3: 16px;
  --fs-body: 15px;
  --fs-read: 17px;
  --fs-sm: 13px;
  --fs-xs: 11.5px;
  --fs-label: 10px;
  --lh-tight: 1.2;
  --lh-normal: 1.6;
  --lh-read: 1.9;

  /* 间距 */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* 圆角（四档） */
  --r-sm: 8px;
  --r: 12px;
  --r-lg: 16px;
  --r-pill: 999px;

  /* 阴影（三档） */
  --shadow: 0 1px 2px rgba(40, 33, 24, .04), 0 2px 8px rgba(40, 33, 24, .05);
  --shadow-card: 0 1px 2px rgba(40, 33, 24, .04), 0 2px 8px rgba(40, 33, 24, .05);
  --shadow-pop: 0 4px 16px rgba(40, 33, 24, .06), 0 12px 32px rgba(40, 33, 24, .07);
  --shadow-float: 0 8px 30px rgba(40, 33, 24, .12);

  /* 版心 */
  --measure: 680px;
}

@media (max-width: 720px) {
  :root { --sidebar-width: 260px; }
}
