/* ===== 标度 / 派生色 —— 全站共用 =====
   页面里不要再写死圆角、间距、颜色，一律用这些变量。
   注意：下面这些派生色用 color-mix 跟随 --accent / --text，
        所以 12 套皮肤不用各写一份，自动跟着变。 */
:root{
  /* ---- 派生强调色 ---- */
  --accent-line:color-mix(in srgb, var(--accent) 45%, transparent);
  --accent-tint-1:color-mix(in srgb, var(--accent) 14%, transparent);
  --accent-tint-2:color-mix(in srgb, var(--accent) 30%, transparent);
  /* 强调色当「文字」用时必须压深，保证 >=4.5:1（浅底上直接写 var(--accent) 会偏浅） */
  --accent-ink:color-mix(in srgb, var(--accent) 58%, var(--text));

  /* ---- 键盘焦点环（素笺方案）：所有可点元素共用 ---- */
  --focus:var(--accent);

  /* ---- 尺寸 ---- */
  --btn-h:34px;          /* 输入框与相邻按钮统一用这个高度 */
  --btn-h-sm:28px;
  --r-lg:12px;
  --r-md:8px;
  --r-sm:6px;
  --r-pill:999px;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;

  /* ---- 正文阅读参数（写作工作台） ----
     行高 2.0 是长时注视的护眼值；行宽 772px 约 36 个中文字/行，
     中文书籍排版惯例（不是拉丁文的 45-75ch）。 */
  --editor-font-size:17px;
  --editor-line-height:2.0;
  --editor-measure:772px;

  /* ---- 动效：只两条曲线，禁用 transition-all ---- */
  --dur-fast:.12s;
  --dur:.18s;
  --ease-out:cubic-bezier(.2,.7,.3,1);
}