:root {
  /* 
   * Notebook / Notepad Style Palette
   * 记事本风格 - 纸张质感、圆珠笔墨水、铅笔线条
   */
  
  /* Backgrounds - 纸张色系 */
  --bg-void: #f5f1e8;           /* 旧纸张/米黄纸底 */
  --bg-panel: #efe9dc;          /* 侧边栏 - 稍深的牛皮纸色 */
  --bg-card: #faf7f0;           /* 卡片 - 干净的白纸 */
  --bg-input: #fdfcf8;          /* 输入框 - 最白的纸 */
  
  /* 纸张纹理边框 */
  --glass-blur: 0px;
  --glass-border: 1px solid #d4c9b5;     /* 铅笔线条色 */
  --glass-shadow: 0 1px 3px rgba(139, 119, 90, 0.12);  /* 纸张投影 */

  /* Brand Colors - 记事本上的颜色 */
  --color-primary: #2b5ea7;     /* 蓝色圆珠笔 */
  --color-secondary: #c0392b;   /* 红色记号笔 */
  --color-accent: #6a4c93;      /* 紫色荧光笔 */
  --color-success: #27864a;     /* 绿色记号笔 */
  --color-warning: #d4900a;     /* 橙黄色荧光笔 */

  /* Text Colors - 墨水色系 */
  --text-main: #3c3226;         /* 深棕墨水 - 主文字 */
  --text-muted: #8c7e6a;        /* 褪色的铅笔字 */
  --text-highlight: #1a1510;    /* 浓墨 */

  /* Chat Bubbles - 消息气泡 */
  --msg-user-bg: #e8f0fa;           /* 淡蓝 - 蓝色圆珠笔笔记区 */
  --msg-user-border: #b8cfe8;       /* 蓝色边线 */
  --msg-ai-bg: #faf7f0;             /* 白纸色 */
  --msg-ai-border: #e0d8c8;         /* 铅笔边线 */

  /* Dimensions */
  --navbar-width: 48px;
  --navbar-width-mobile: 56px;
  --sidebar-width: 507px;
  --header-height: 56px;
  --input-area-height: auto;
  --max-content-width: min(900px, 100%);
  --workspace-panel-width: 320px;
  --chat-panel-width: 420px;
  
  /* Fonts */
  --font-main: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans SC', sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;

  /* 额外的记事本装饰变量 */
  --ruled-line-color: #d6cfc2;       /* 横线颜色 */
  --margin-line-color: #e8a0a0;      /* 左侧红色竖线（记事本经典） */
  --paper-shadow: 0 2px 8px rgba(139, 119, 90, 0.15);
  --pencil-border: 1px dashed #c4b8a4;  /* 铅笔虚线 */

  /* Mobile Tab Bar */
  --mobile-tab-bar-height: 64px;  /* 图标 + 文字 + padding 的固定高度，不含 safe area */

  /* ============================================================
   * UI Kit v1.0 Token 扩展（Stage 1）
   * ============================================================ */

  /* ---- 字体大小与行高 ---- */
  --font-size-xs: 0.7rem;       /* ~11px */
  --font-size-sm: 0.78rem;      /* ~12.5px */
  --font-size-md: 0.85rem;      /* ~13.6px */
  --font-size-lg: 1rem;         /* 16px */
  --font-size-xl: 1.15rem;      /* ~18.4px */
  --line-height-xs: 1.3;
  --line-height-sm: 1.4;
  --line-height-md: 1.5;
  --line-height-lg: 1.6;
  --line-height-xl: 1.7;

  /* ---- 圆角 ---- */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-pill: 9999px;
  --radius-circle: 50%;

  /* ---- 阴影 ---- */
  --shadow-card: 0 1px 3px rgba(139, 119, 90, 0.1), 0 1px 2px rgba(139, 119, 90, 0.06);
  --shadow-card-hover: 0 4px 12px rgba(139, 119, 90, 0.15), 0 2px 4px rgba(139, 119, 90, 0.08);
  --shadow-btn-primary: 0 2px 6px rgba(43, 94, 167, 0.3);
  --shadow-modal: 0 16px 48px rgba(60, 50, 38, 0.18);
  --shadow-popover: 0 6px 20px rgba(60, 50, 38, 0.12);

  /* ---- 颜色扩展 ---- */
  --color-primary-hover: #1e4a8a;
  --color-primary-soft: #dae7f7;
  --color-danger: #dc2626;
  --color-danger-soft: #fef0f0;
  --color-success-soft: #f0faf2;
  --color-warning-soft: #fef9e7;

  /* ---- 间距阶梯 ---- */
  --space-0: 0px;
  --space-1: 2px;
  --space-2: 4px;
  --space-3: 6px;
  --space-4: 8px;
  --space-5: 12px;
  --space-6: 16px;
  --space-7: 24px;
  --space-8: 32px;
  --space-9: 48px;

  /* ---- 边框颜色 ---- */
  --border-color-default: #d4c9b5;
  --border-color-strong: #b8a890;
  --border-color-subtle: #e8e0d0;

  /* ---- 滚动条 ---- */
  --scrollbar-thumb: #c4b8a4;
  --scrollbar-thumb-hover: #a89880;

  /* ---- 文件类型颜色 ---- */
  --file-color-word: #2b5ea7;
  --file-color-excel: #27864a;
  --file-color-pdf: #dc2626;
  --file-color-zip: #8c7e6a;
  --file-color-yaml: #6a4c93;
  --file-color-xml: #d4900a;

  /* ---- 动效参数 ---- */
  --duration-fast: 120ms;
  --duration-normal: 220ms;
  --duration-slow: 360ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);

  /* ---- 层级（z-index 体系）---- */
  --z-base: 0;
  --z-dropdown: 100;
  --z-tooltip: 200;
  --z-popover: 300;
  --z-panel-overlay: 500;
  --z-modal-backdrop: 1000;
  --z-modal: 1001;
  --z-toast: 2000;
  --z-notice: 2100;
  --z-consent: 9999;

  /* ---- 响应式断点 ---- */
  --breakpoint-sm: 480px;
  --breakpoint-md: 768px;
  --breakpoint-lg: 1024px;

  /* ---- 触摸最小击中区 ---- */
  --hit-area-min: 44px;

  /* ---- 组件级专用 token（颜色引用）---- */
  --color-neutral-bg: #efe9dc;
  --color-neutral-text: #5c4a32;
  --color-info-bg: color-mix(in srgb, var(--color-primary) 12%, transparent);
  --color-info-text: var(--color-primary);
}