/* ══════════════════════════════════════════════════════════════════════
   招盘设计系统 · 共用令牌与基础层
   四页共用：workspace.html / admin.html / tenant-settings.html / privacy.html

   零境外 CDN：本文件为同源静态资源，字体依赖 ./fonts/fonts.css 已加载的
   Inter + Noto Sans SC 两个家族（各 400/500/600/700，unicode-range 分片）。

   ⚠️ 不要在此文件引用 JetBrains Mono / IBM Plex Mono / Noto Serif SC ——
   这三个家族从未本地化，引用只会回退到系统 Consolas / 宋体，造成中英混排割裂。
   表格数字对齐统一由 Inter 的 tnum/lnum/zero 特性承担（见 .font-tabular）。
   ══════════════════════════════════════════════════════════════════════ */

:root {
  /* ── 字体栈 ── */
  /* 正文：Inter 管英数（字形规整、数字特性齐全），Noto Sans SC 管中文，其后为系统兜底 */
  --font-sans: 'Inter', 'Noto Sans SC', -apple-system, BlinkMacSystemFont,
               'Segoe UI', 'PingFang SC', 'Microsoft YaHei', system-ui, sans-serif;

  /* ── 基础色彩 ── */
  --app-bg: #F7F7F8;              /* 页面底色 */
  --app-surface: #FFFFFF;         /* 卡片 / 面板 */
  --app-surface-raised: #FFFFFF;  /* 弹窗 / 抽屉（同色，靠阴影区分层级）*/
  --app-bg-subtle: #F8FAFC;       /* 表头 / 斑马纹 / 内嵌区底色 */
  --app-text: #1A1A1A;            /* 正文 */
  --app-muted: #666666;           /* 次要文字 */
  --app-primary: #002FA7;         /* 主色（克莱因蓝）*/
  --app-primary-hover: #00227A;
  --app-primary-active: #001A5C;

  /* ── 交互状态底色 ──
     用不透明色而非 rgba：表格已有斑马纹，半透明叠加会让奇偶行的 hover 深浅不一致 */
  --app-hover: #F4F6F9;
  --app-active: #EAEEF4;
  --app-selected: #F0F5FA;        /* 选中行（与 brandlight 同值）*/
  --app-disabled-bg: #F1F5F9;
  --app-disabled-text: #94A3B8;

  /* ── 描边分级 ── */
  --app-border: #E2E8F0;          /* 默认描边 */
  --app-border-strong: #CBD5E1;   /* 强调描边（输入框静止态、需要抓住视线的边界）*/
  --app-border-subtle: #EDF1F7;   /* 极弱分隔（表格行内线、列表分隔）*/

  /* ── 间距刻度（8px 栅格）── */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;

  /* ── 圆角 ── */
  --app-radius: 6px;

  /* ── 阴影 ──
     应用区整体走 Swiss 无阴影风格，仅这三类需要 Z 轴层次：
     弹窗、抽屉、sticky 页脚。其余一律 none。 */
  --shadow-none: none;
  --shadow-sticky: 0 -4px 12px rgba(15, 23, 42, .05);
  --shadow-popup: 0 10px 24px -4px rgba(15, 23, 42, .10), 0 4px 8px -4px rgba(15, 23, 42, .05);
  --shadow-drawer: -8px 0 24px -6px rgba(15, 23, 42, .10);

  /* ── 焦点环 ──
     内环用页面底色（不是白色）：应用区底色是 #F7F7F8，白色内环会露出一圈亮边。
     2px 内环 + 2px 主色外环，满足无障碍可见性要求。 */
  --app-focus-ring: 0 0 0 2px var(--app-bg), 0 0 0 4px var(--app-primary);
  --app-focus-ring-danger: 0 0 0 2px var(--app-bg), 0 0 0 4px #DC2626;
}

/* ══════════════════ 排版刻度 ══════════════════
   中文排版：字距一律 0（中文不需要负字距，正字距会散），行高 1.5 保证长文可读。 */

.t-h1 { font-size: 24px; line-height: 1.4;  font-weight: 600; letter-spacing: 0; color: var(--app-text); }  /* 页面主标题 */
.t-h2 { font-size: 18px; line-height: 1.5;  font-weight: 600; letter-spacing: 0; color: var(--app-text); }  /* 区块标题 */
.t-h3 { font-size: 16px; line-height: 1.5;  font-weight: 600; letter-spacing: 0; color: var(--app-text); }  /* 卡片 / 面板标题 */
.t-body { font-size: 14px; line-height: 1.5; font-weight: 400; letter-spacing: 0; color: var(--app-text); } /* 标准正文 */
.t-cell { font-size: 13px; line-height: 1.5; font-weight: 400; letter-spacing: 0; color: var(--app-text); } /* 表格单元格（密集数据）*/
.t-hint { font-size: 12px; line-height: 1.5; font-weight: 400; letter-spacing: 0; color: var(--app-muted); } /* 辅助说明 / 表单提示 */

/* ══════════════════ 数字对齐 ══════════════════
   tnum  等宽数字 → 表格上下行位数对齐，扫读时数量级一眼可比
   lnum  等高数字 → 数字与大写字母同高，不会出现旧式数字下沉
   zero  斜杠零   → 0 与字母 O 彻底区分（院校代码、招生计划数场景必需）*/
.font-tabular {
  font-variant-numeric: tabular-nums lining-nums;
  font-feature-settings: "tnum" 1, "lnum" 1, "zero" 1;
}