/* WUUER 纸墨主题：供 shell / login / setup 共用 */
:root {
  color-scheme: light dark;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --radius-full: 9999px;
  --font-sans: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;
  --font-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "SimSun", serif;
  --font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;
  --bg-page: #eae4d9;
  --bg-page-2: #dfd7c9;
  --bg-card: #faf7f1;
  --bg-elevated: #f3eee6;
  --bg-chat: #efe9df;
  --border: #c9bfad;
  --border-subtle: #dbd3c7;
  --text: #1c1917;
  --text-secondary: #44403c;
  --text-muted: #78716c;
  --accent: #28544a;
  --accent-hover: #1f3d38;
  --accent-soft: rgba(40, 84, 74, 0.14);
  --accent-glow: rgba(40, 84, 74, 0.1);
  --seal: #a83e3e;
  --bubble-user: linear-gradient(165deg, #2f5d52 0%, #244a42 100%);
  --bubble-user-text: #faf7f1;
  --bubble-agent-bg: #faf7f1;
  --bubble-agent-border: #c9bfad;
  --shadow-sm: 0 1px 2px rgba(28, 25, 23, 0.06);
  --shadow-md: 0 4px 20px rgba(28, 25, 23, 0.07);
  --shadow-lg: 0 14px 44px rgba(28, 25, 23, 0.09);
  --scrollbar: rgba(87, 83, 78, 0.35);
  --safe-t: env(safe-area-inset-top, 0px);
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-x: max(1rem, env(safe-area-inset-left, 0px), env(safe-area-inset-right, 0px));
  --err: #9a3412;
  --ok: #28544a;
  /* login/setup 历史变量名 → 对齐主壳 */
  --paper: var(--bg-page);
  --paper-2: var(--bg-page-2);
  --card: var(--bg-card);
  --ink: var(--text);
  --ink-muted: var(--text-muted);
  --line: var(--border);
  --line-soft: var(--border-subtle);
  --dai: var(--accent);
  --dai-hover: var(--accent-hover);
}
@media (prefers-color-scheme: dark) {
  :root {
    --bg-page: #121110;
    --bg-page-2: #1a1816;
    --bg-card: #1c1b19;
    --bg-elevated: #252321;
    --bg-chat: #181716;
    --border: #3f3a36;
    --border-subtle: #2a2724;
    --text: #e7e2db;
    --text-secondary: #c4beb6;
    --text-muted: #a8a29e;
    --accent: #5a9d8f;
    --accent-hover: #7ec4b6;
    --accent-soft: rgba(90, 157, 143, 0.16);
    --accent-glow: rgba(90, 157, 143, 0.12);
    --seal: #c08484;
    --bubble-user: linear-gradient(165deg, #3d6b5f 0%, #2d5048 100%);
    --bubble-agent-bg: #1c1b19;
    --bubble-agent-border: #3f3a36;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-md: 0 4px 22px rgba(0, 0, 0, 0.35);
    --shadow-lg: 0 14px 48px rgba(0, 0, 0, 0.42);
    --scrollbar: rgba(168, 162, 158, 0.35);
    --err: #fca5a5;
    --ok: #86efac;
  }
}