/* ==========================================================================
   kbapp · Design Tokens — 素 SU (墨白双主题)
   唯一允许裸值：#fff / #000 (极少语义)。其余一律走 var(--token)。
   亮色写在 :root，暗色写在 [data-theme="dark"]。
   ========================================================================== */

:root {
  /* ---- 表面 / 中性 ---- */
  --bg: #F6F6F7;            /* 页面背景：中性近白、微冷，非米色 */
  --surface: #FFFFFF;       /* 卡片 / 容器 */
  --surface-warm: #F0F0F1;  /* 三级表面 / 选中态底 */

  /* ---- 文本 ---- */
  --fg: #1A1B1E;            /* 主文本：近黑墨，非纯黑 */
  --fg-2: #45474D;          /* 次级文本 */
  --muted: #6E7077;         /* 辅助 / 标题灰 */
  --meta: #9A9CA3;          /* 三级 / 元数据（时间戳等） */

  /* ---- 边框 ---- */
  --border: #E4E4E7;        /* 默认边框 */
  --border-soft: #EFEFF1;   /* 内部细分隔 */

  /* ---- 阴影（表面深度，边框 OR 阴影二选一，不叠加）---- */
  --shadow-card: 0 1px 2px rgba(16, 17, 20, 0.06), 0 1px 3px rgba(16, 17, 20, 0.04);
  --shadow-pop: 0 8px 24px rgba(16, 17, 20, 0.12);

  /* ---- 品牌强调：松墨绿（唯一强调色，每屏可见 ≤2 处）---- */
  --accent: #3E6E62;
  --accent-hover: #355E53;
  --accent-active: #2C4E45;
  --accent-on: #FFFFFF;     /* 强调底上的前景 */
  --accent-soft: #E8EFEC;   /* 选中 / 激活底纹（≤12% 松墨绿）*/

  /* ---- 语义色 ---- */
  --success: #2F8F5B;
  --warn: #B5854A;
  --danger: #C0492F;

  /* ---- 内容类别色（仅 8px 圆点 + 文字，不作色块 / 色条）---- */
  --type-note: #6E7077;     /* 笔记：中性灰 */
  --type-idea: #B5854A;     /* 想法：琥珀 */
  --type-image: #4A7A9B;    /* 图片：蓝 */
  --type-quote: #9B6B7E;    /* 名言：梅 */

  /* ---- 字体栈（中文优化）---- */
  --font-display: "Geist", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: var(--font-display);
  --font-reading: "Noto Serif SC", "Songti SC", "SimSun", Georgia, serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* ---- 圆角（上限 14px，规避 AI 过度圆滑）---- */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* ---- 动效时长 / 缓动 ---- */
  --motion-fast: 120ms;
  --motion-base: 200ms;
  --motion-slow: 320ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);

  /* ---- 字号（8 级，UI 基准 15px，阅读 17px）---- */
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 15px;
  --text-md: 17px;
  --text-lg: 20px;
  --text-xl: 24px;
  --text-2xl: 30px;
  --text-3xl: 38px;

  /* ---- 间距（4px 网格，禁止非标值）---- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;

  /* ---- 层级（同一元素：边框 OR 克制阴影，二选一，不叠加）---- */
  --elev-flat: none;
  --elev-ring: 0 0 0 1px var(--border);
  --elev-raised: 0 1px 2px rgba(17, 17, 17, 0.04), 0 6px 16px rgba(17, 17, 17, 0.06);

  /* ---- 字重三级 ---- */
  --weight-read: 400;
  --weight-emphasis: 510;
  --weight-display: 590;
}

[data-theme="dark"] {
  /* ---- 表面 / 中性 ---- */
  --bg: #0E0F12;
  --surface: #16181C;
  --surface-warm: #1E2025;

  /* ---- 文本 ---- */
  --fg: #ECEDEF;
  --fg-2: #C2C5CB;
  --muted: #8A8D94;
  --meta: #5C5F66;

  /* ---- 边框 ---- */
  --border: #34383F;
  --border-soft: rgba(255, 255, 255, 0.05);

  /* ---- 阴影 ---- */
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 3px rgba(0, 0, 0, 0.3);
  --shadow-pop: 0 8px 24px rgba(0, 0, 0, 0.5);

  /* ---- 品牌强调：松墨绿（暗色提亮保可读）---- */
  --accent: #6FA99B;
  --accent-hover: #80B5A7;
  --accent-active: #92C0B3;
  --accent-on: #0E0F12;
  --accent-soft: rgba(111, 169, 155, 0.14);

  /* ---- 语义色 ---- */
  --success: #4FA877;
  --warn: #C99A5E;
  --danger: #D9664F;

  /* ---- 内容类别色 ---- */
  --type-note: #8A8D94;
  --type-idea: #C99A5E;
  --type-image: #6FA1BE;
  --type-quote: #B98CA0;

  /* 字体栈在暗色下保持一致（中文系统字体降级已含）*/
  --font-display: "Geist", "Noto Sans SC", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: var(--font-display);
  --font-reading: "Noto Serif SC", "Songti SC", "SimSun", Georgia, serif;
  --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;

  /* 圆角 / 动效 / 字号 / 间距 与亮色一致，无需覆写 */

  /* ---- 层级（暗色靠表面阶梯 + 大模糊阴影，仅模态 / 命令面板用）---- */
  --elev-raised: 0 8px 24px rgba(0, 0, 0, 0.4);
}