/* =====================================================================
   Knowledge OS — 设计令牌 tokens.css
   方向：安静的研究工作台（Notion/Apple/Linear 气质）
   单一强调色：靛紫（ink violet）。系统字体栈，无外部字体依赖（适配国内网络）。
   ===================================================================== */

:root {
  /* 字体：系统栈，中文优先 PingFang（iOS）/ 鸿蒙 Sans（华为）/ Noto Sans SC（安卓通用兜底）/ 雅黑（桌面） */
  --font-sans: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
    "HarmonyOS Sans SC", "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei",
    "Segoe UI", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-display: -apple-system, BlinkMacSystemFont, "SF Pro Display",
    "PingFang SC", "HarmonyOS Sans SC", "Noto Sans SC", "Source Han Sans SC",
    "Microsoft YaHei", "Segoe UI", sans-serif;
  --font-mono: "SF Mono", "JetBrains Mono", "Menlo", "Consolas", monospace;

  /* —— 浅色 —— */
  --bg: #FAFAF8;
  --bg-elevated: #FFFFFF;
  --surface: #FFFFFF;
  --surface-hover: #F5F5F2;
  --text: #1C1D21;
  --text-secondary: #52555E;
  --text-muted: #8A8D96;
  --border: #ECEBE7;
  --border-strong: #DDDCD6;

  --accent: #4B47E6;
  --accent-hover: #3A36D4;
  --accent-contrast: #FFFFFF;
  --accent-soft: rgba(75, 71, 230, 0.09);
  --grad-accent: linear-gradient(135deg, #5B57F0 0%, #7A5AF8 100%);

  --danger: #D64545;
  --danger-soft: rgba(214, 69, 69, 0.10);
  --ok: #2E9E6B;
  --ok-soft: rgba(46, 158, 107, 0.12);

  --ring: rgba(75, 71, 230, 0.35);

  --shadow-sm: 0 1px 2px rgba(24, 22, 60, 0.05), 0 2px 6px rgba(24, 22, 60, 0.04);
  --shadow-md: 0 2px 6px rgba(24, 22, 60, 0.05), 0 8px 24px rgba(24, 22, 60, 0.07);
  --shadow-lg: 0 12px 32px rgba(24, 22, 60, 0.12), 0 4px 8px rgba(24, 22, 60, 0.05);
  --shadow-accent: 0 6px 18px rgba(75, 71, 230, 0.26);

  /* 圆角 */
  --r-sm: 8px;
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 22px;
  --r-full: 999px;

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

  --maxw: 1180px;
  --ease: cubic-bezier(.2, .7, .2, 1);
}

/* —— 深色 —— */
[data-theme="dark"] {
  --bg: #141417;
  --bg-elevated: #1C1C21;
  --surface: #1C1C21;
  --surface-hover: #24242A;
  --text: #ECECEF;
  --text-secondary: #B4B5BC;
  --text-muted: #82838C;
  --border: #2A2A31;
  --border-strong: #3A3A42;

  --accent: #6E6BF2;
  --accent-hover: #8482FF;
  --accent-contrast: #FFFFFF;
  --accent-soft: rgba(110, 107, 242, 0.16);
  --grad-accent: linear-gradient(135deg, #6E6BF2 0%, #8A6BF8 100%);

  --danger: #F06A6A;
  --danger-soft: rgba(240, 106, 106, 0.14);
  --ok: #43B583;
  --ok-soft: rgba(67, 181, 131, 0.16);

  --ring: rgba(110, 107, 242, 0.45);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.30);
  --shadow-md: 0 4px 14px rgba(0, 0, 0, 0.35);
  --shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.45);
  --shadow-accent: 0 6px 18px rgba(110, 107, 242, 0.35);
}