/* ============================================================
   tokens.css  设计 Token（editorial / 单色信号蓝 / 极简前卫）
   找AI · 好用的 AI，都在这里
   参考：瑞士国际风 + Linear/Vercel 的克制编辑感
   ============================================================ */

/* 字体：Inter 冷峻中性，中文走系统字体栈（去掉圆体 DM Sans） */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  /* 浅色（默认）：纸白底 + 墨黑文字 + 单一信号蓝 */
  --bg:           #FAFAF9;
  --bg-2:         #FFFFFF;
  --surface:      #FFFFFF;
  --surface-2:    #F4F4F2;
  --surface-3:    #EAEAE8;
  --border:       rgba(14, 14, 16, 0.10);
  --border-strong: rgba(14, 14, 16, 0.20);
  --text:         #0E0E10;
  --text-dim:     #5A5A60;
  --text-faint:   #9A9AA0;

  /* 信号色：电蓝（唯一强调） */
  --accent:       #2347FF;
  --accent-press: #1A35D6;
  --accent-soft:  rgba(35, 71, 255, 0.08);

  /* 分类色：统一为信号蓝（编辑式单色，去掉糖果彩色） */
  --c-tool:      #2347FF;
  --c-os:        #2347FF;
  --c-plugin:    #2347FF;
  --c-creator:   #2347FF;

  --ok:          #0E9F6E;
  --danger:      #E0455C;

  /* 阴影：极克制、贴边、短距 */
  --shadow-sm:   0 1px 2px rgba(14,14,16,.05);
  --shadow-md:   0 6px 20px rgba(14,14,16,.07);
  --shadow-lg:   0 18px 44px rgba(14,14,16,.10);
  --shadow-xl:   0 32px 80px rgba(14,14,16,.12);
  --ring:        0 0 0 1px var(--border-strong), 0 0 0 4px var(--accent-soft);

  /* 间距 / 圆角（克制，不再超大圆角） */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-8: 48px; --sp-10: 64px;
  --r-sm: 8px; --r-md: 12px; --r-lg: 16px; --r-xl: 22px;
  --r-pill: 999px;

  --ease: cubic-bezier(.22, .61, .36, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --t-fast: 150ms; --t-mid: 240ms; --t-slow: 480ms;

  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-display: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI",
               "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: "JetBrains Mono", "SF Mono", ui-monospace, Menlo, monospace;
}

/* 暗色（近黑、冷峻、信号蓝提亮） */
:root[data-theme="dark"] {
  --bg:           #0B0B0C;
  --bg-2:         #111113;
  --surface:      #161618;
  --surface-2:    #1E1E21;
  --surface-3:    #2A2A2E;
  --border:       rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.20);
  --text:         #F4F4F5;
  --text-dim:     #A6A6AD;
  --text-faint:   #6E6E76;

  --accent:       #5B7CFF;
  --accent-press: #7E99FF;
  --accent-soft:  rgba(91, 124, 255, 0.14);

  --c-tool:      #5B7CFF;
  --c-os:        #5B7CFF;
  --c-plugin:    #5B7CFF;
  --c-creator:   #5B7CFF;

  --ok:          #34D399;
  --danger:      #FB7185;

  --shadow-sm:   0 1px 2px rgba(0,0,0,.4);
  --shadow-md:   0 6px 20px rgba(0,0,0,.5);
  --shadow-lg:   0 18px 44px rgba(0,0,0,.6);
  --shadow-xl:   0 32px 80px rgba(0,0,0,.65);
  --ring:        0 0 0 1px var(--border-strong), 0 0 0 4px var(--accent-soft);
}