/* tokens.css — 设计令牌（飞书 Universe Design 变量）
   所有颜色/字号/间距/圆角/阴影/动画时长统一在此定义，禁止硬编码 */

:root {
  /* ===== 颜色 - 文字 ===== */
  --text-1: #1f2329;        /* 主文字 */
  --text-2: #646a73;        /* 次要文字 */
  --text-3: #8f959e;        /* 辅助文字 */
  --text-4: #bfbfbf;        /* 占位文字 */

  /* ===== 颜色 - 背景 ===== */
  --bg-1: #ffffff;          /* 主背景（编辑区） */
  --bg-2: #f7f8fa;          /* 次背景（页面外层） */
  --bg-3: #f0f1f5;          /* 悬浮背景 */
  --bg-4: #e8eaee;          /* 选中背景 */

  /* ===== 颜色 - 主题 ===== */
  --primary: #3370ff;       /* 飞书蓝 */
  --primary-hover: #2860e6;
  --primary-light: #e8f0ff;
  --danger: #f54a45;        /* 错误/警告红 */
  --danger-light: #fef0f0;
  --success: #00b42a;       /* 成功绿 */
  --warning: #d46b08;       /* 警告橙 */
  --warning-light: #fff7e6;

  /* ===== 颜色 - 线条 ===== */
  --line-1: #dcdfe6;        /* 主分隔线 */
  --line-2: #e8eaee;        /* 次分隔线 */
  --line-3: #f0f1f5;        /* 浅分隔线 */

  /* ===== 字号 ===== */
  --fs-h1: 28px;
  --fs-h2: 24px;
  --fs-h3: 20px;
  --fs-h4: 18px;
  --fs-h5: 16px;
  --fs-body: 16px;
  --fs-small: 14px;
  --fs-tiny: 12px;

  /* ===== 字重 ===== */
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;

  /* ===== 间距 ===== */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* ===== 圆角 ===== */
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-pill: 16px;

  /* ===== 阴影 ===== */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
  --shadow-M-down: 0 4px 12px rgba(0, 0, 0, 0.08);  /* 菜单用飞书 M-down 阴影 */

  /* ===== 动画 ===== */
  --transition-fast: 150ms ease;
  --transition-base: 200ms ease;

  /* ===== 布局尺寸 ===== */
  --header-height: 64px;
  --toolbar-height: 40px;
  --editor-max-width: 820px;
  --editor-padding-top: 40px;
  --editor-padding-right: 56px;
  --editor-padding-bottom: 80px;
  --editor-padding-left: 56px;

  /* ===== 编辑器 UI ===== */
  --caret-color: #3370ff;
  --selection-bg: rgba(51, 112, 255, 0.2);
  --scrollbar-width: 6px;
  --scrollbar-thumb: rgba(0, 0, 0, 0.15);
  --scrollbar-thumb-hover: rgba(0, 0, 0, 0.25);
  --block-hover-bg: rgba(0, 0, 0, 0.02);
  --focus-ring: rgba(51, 112, 255, 0.5);

  /* ===== 字体 ===== */
  --font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, Courier, "Microsoft YaHei", "PingFang SC", monospace;

  /* ===== 飞书官方引用块/分隔线色值 ===== */
  --text-caption: #646a73;
  --quote-bar-bg: #bbbfc4;
  --divider-color: #bbbfc4;
}