/* ============================================================
   设计 token：从 design-demos/dir-1.html 抽取的 Linear 暗色基础变量
   （全站共用；本文件只放基础变量与暗色底，组件样式留在各页面）
   ============================================================ */
:root {
  color-scheme: dark;

  /* 背景三档明度 */
  --bg: #08090A;           /* 页面底 */
  --bg-surface: #0E1013;   /* 卡片 / 表格面 */
  --bg-raised: #16171A;    /* 输入框 / 控件底 */
  --bg-hover: #17181C;     /* 行悬浮 */
  --bg-active: #1B1C20;    /* 控件聚焦底 */

  /* 文字四档 */
  --txt-1: #F7F8F8;        /* 主文字 */
  --txt-2: #E6E7EA;
  --txt-3: #B9BCC2;
  --txt-muted: #8A8F98;    /* 次要说明 */
  --txt-faint: #6F737C;

  /* 品牌紫与语义色 */
  --accent: #5E6AD2;
  --accent-hover: #6A76DC;
  --accent-bg: rgba(94, 106, 210, .16);
  --accent-ring: rgba(94, 106, 210, .35);
  --ok: #4CB782;  --ok-txt: #5CC492;
  --warn: #D9B661; --warn-txt: #D9BE77;
  --danger: #EB5757; --danger-txt: #F08A8A;

  /* 控件 */
  --radius: 8px;
  --radius-lg: 10px;
  --border: #1B1D21;

  /* 字体 */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}

/* ---------- 暗色底与全局重置（原型 1:1 移植） ---------- */
* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { height: 100%; }
body {
  background: var(--bg);
  color: var(--txt-1);
  font-family: var(--font);
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
button, input, select, textarea { font: inherit; color: inherit; border: 0; background: none; outline: none; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
::selection { background: rgba(94, 106, 210, .35); }
:focus-visible { outline: none; box-shadow: 0 0 0 2px rgba(94, 106, 210, .5); border-radius: 6px; }