/* ============================================================
   tokens.css —— 唯一改配色的地方
   改这里，全站（含工作台）同时变。
   ============================================================ */

:root {
  /* 让浏览器把滚动条、表单控件也渲染成深色，避免刷新时闪白 */
  color-scheme: dark;

  /* ---- 底色：冷调近黑，像仪器熄屏 ---- */
  --bg:            #0b0f13;
  --surface:       #121820;
  --surface-2:     #1a2129;
  --border:        #242e37;
  --border-strong: #36434f;

  /* ---- 文字 ---- */
  --text:    #e7edf2;
  --text-2:  #8e9ba7;
  --text-3:  #5a6874;

  /* ---- 强调色：仪器青。只用于交互态，不做装饰 ---- */
  --accent:      #5bc8dc;
  --accent-soft: rgba(91, 200, 220, 0.10);
  --accent-line: rgba(91, 200, 220, 0.40);

  /* ---- 状态色（只在项目状态上用） ---- */
  --ok:   #57c98a;
  --warn: #d9a441;
  --idle: #6b7885;

  /* ---- 字体：系统栈。中文站不引外部字体，避免大陆加载超时 ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
               "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC", sans-serif;
  --font-mono: ui-monospace, "Cascadia Mono", "SF Mono", Consolas,
               "Liberation Mono", monospace;

  /* ---- 圆角：克制。列表式布局不需要大圆角 ---- */
  --radius:    6px;
  --radius-lg: 10px;

  /* ---- 版心：窄，保证每行不超过 80 字符 ---- */
  --maxw:      880px;
  --maxw-wide: 1120px;

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