/* 设计 token：颜色、字号、圆角等变量。改主题只改这里。 */
/* ===== 设计 token（怀旧版 / Claude Theme，取自 DESIGN 设计稿）===== */
:root {
  --font-display: 'Anthropic Serif', Georgia, 'Times New Roman', serif;
  --font-ui: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --bg-primary: #faf9f5;
  --bg-card: #ffffff;
  --text-primary: #141413;
  --text-secondary: #3d3d3a;
  --text-muted: #9b9b97;
  --accent: #d97757;
  --btn-primary-bg: #3b3b3b;

  --shadow:    0 3px 15px rgba(0,0,0,0.05), 0 0 0 0.5px rgba(31,30,29,0.12);
  --shadow-sm: 0 3px 15px rgba(0,0,0,0.08), 0 0 0 0.5px rgba(31,30,29,0.2);

  --radius: 20px;
  --radius-sm: 8px;

  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1);
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
  --motion-fast: 160ms;
  --motion-panel: 240ms;
}

* { box-sizing: border-box; }
html, body {
  height: 100%;
  margin: 0;
  background: var(--bg-primary);
}

body {
  display: flex;
  flex-direction: column;
  height: 100dvh;
  overflow: hidden;
  background: var(--bg-primary);
  color: var(--text-primary);
  font-family: var(--font-ui);
  font-size: 15px;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}