/* 太初前端 · 权威设计令牌落地件（派工-②-FE-STATIC-001 · 2026-10-18）
 * 来源：D:\taichu\docs\design-assets\太初前端-构建-tokens.css（R-103 命名，单一事实源）。
 * 本文件是开发版 portal_server.py 的「令牌唯一事实源」：页面 <link> 引入后，
 *   组件样式逐步迁引 --t-* 变量（本批先引入并改关键色/间距，不必全改）。
 * 仅含令牌 + 件F A10 焦点可见规则 + 件E 三态 role 基础样式；不写业务逻辑。
 */

:root{
  /* color */
  --t-color-bg:#f4f6fa; --t-color-bg2:#eceff6;
  --t-color-surface:#ffffff; --t-color-surface2:#f7f8fb;
  --t-color-ink:#1f2637; --t-color-ink2:#4a5568; --t-color-ink3:#8a94a6;
  --t-color-line:#dfe4ee; --t-color-line2:#e8ecf3;
  --t-color-brand:#3b5bdb; --t-color-brand2:#2f4dc0;
  --t-color-accent:#3b5bdb; --t-color-mist:#eef0f5;
  --t-color-ok:#2f9e44; --t-color-okbg:#e6f7ec;
  --t-color-warn:#a56a00; --t-color-warnbg:#fdf3dd;
  --t-color-danger:#c0392b; --t-color-dangerBg:#fdecea;
  --t-color-me:#6741d9; --t-color-it:#12b886; --t-color-tag:#dfe4ee;
  --t-color-overlay:rgba(20,26,48,.42);
  /* font */
  --t-font-family:"Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --t-font-display:28px/1.35; --t-font-h1:24px/1.4; --t-font-h2:18px/1.5;
  --t-font-body:15px/1.7; --t-font-bodySm:14px/1.65; --t-font-cap:13px/1.6;
  --t-font-micro:12px/1.55; --t-font-num:34px/1.2; --t-font-numSm:20px/1.3;
  /* space */
  --t-space-1:2px; --t-space-2:4px; --t-space-3:8px; --t-space-4:12px;
  --t-space-5:16px; --t-space-6:24px; --t-space-7:32px; --t-space-8:48px;
  /* radius */
  --t-radius-sm:8px; --t-radius-md:12px; --t-radius-lg:16px; --t-radius-full:999px;
  /* shadow */
  --t-shadow-card:0 2px 10px rgba(40,60,120,.06);
  --t-shadow-sheet:0 -6px 24px rgba(40,60,120,.12);
  --t-shadow-float:0 6px 22px rgba(40,60,120,.16);
  /* motion */
  --t-motion-fast:120ms; --t-motion-base:200ms; --t-motion-slow:320ms;
  --t-motion-curve:cubic-bezier(.22,.61,.36,1);
  /* layer */
  --t-layer-base:0; --t-layer-rail:10; --t-layer-sheet:100;
  --t-layer-drawer:200; --t-layer-toast:300;
  /* size */
  --t-size-statusRailH:96px; --t-size-inputRailH:64px;
  --t-size-taskBoardMinPct:60%; --t-size-touchMin:44px;
  --t-size-contentMax:720px; --t-size-contentMaxWide:1080px;
}

/* 件F A10：焦点可见——:focus-visible 2px brand 外环（禁 outline:none 吞焦点） */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:focus-visible {
  outline: 2px solid var(--t-color-brand);
  outline-offset: 2px;
}

/* 件E 三态：role 已落于 HTML；此处仅给语义容器一个轻量视觉提示
   （等待/加载＝status 文字态，无动效；错误＝alert 红底提示）。 */
[role="status"] { /* 加载/等待：纯文字态，不引入任何转圈动效 */ }
[role="alert"] {
  background: var(--t-color-dangerBg);
  color: var(--t-color-danger);
  border-radius: var(--t-radius-sm);
  padding: var(--t-space-3) var(--t-space-4);
}