/* ══════════════════════════════════════════════════════════════════════
   tokens.css —— 设计令牌「唯一来源」（2026-09-27 建立，第 30 轮）

   为什么要有这个文件：
     以前同一个令牌（底色/主色/圆角/字号）被重复定义在 9 个地方 ——
     base.css / login.css / crm.css / admin.css / space.css，加上
     account.html / dist.html / landing.html / login_required.html
     四个模板内联的 :root。
     admin.css 与 space.css 里各留着一句同样的警告：
       「下面这套值是照 admin 的 :root 抄的，改 admin 配色要同步这里，
         否则两个后台两张脸。」
     现在收敛到这一个文件：改配色改这里一处，全站跟着变。

   规矩：
     ① 颜色 / 字号 / 圆角 / 阴影 —— 只在这里定义一次
     ② 页面只写「与本文件不同」的覆盖项，并写清为什么不同
     ③ 新写代码一律用 var(--*)，不要再写字面值
   ══════════════════════════════════════════════════════════════════════ */
:root {
    /* ── 品牌色 ─────────────────────────────────────────────────────── */
    --accent:       #1b6b8f;   /* 唯一强调色（品牌青） */
    --accent-dark:  #0f3a52;   /* 深青：页面标题、深色块 */
    --accent2:      #0f3a52;   /* 别名，admin / space 用这个名字 */
    --accent-soft:  #e9f1f6;   /* 强调色浅底 */
    --gold:         #b8860b;   /* 会员 / 荣誉金 */

    /* ── 中性色（内容页）───────────────────────────────────────────── */
    --bg:           #f7f8fa;   /* 内容 / 工作台底色 */
    --card:         #ffffff;
    --border:       #e5eaf1;
    --text:         #182230;   /* 主文字 */
    --muted:        #5b6b7d;   /* 次要文字 */
    --shadow:       0 1px 2px rgba(15, 40, 60, 0.04), 0 8px 24px rgba(15, 40, 60, 0.07);

    /* ── 后台控制台专用底色 ────────────────────────────────────────── */
    /* 2026-09-22 用户要求：「背景中性灰，不偏蓝（旧版 #f4f7fb 显廉价）」
       → admin 与 space 共用这一档，别再各抄各的 */
    --bg-console:   #f7f8fa;

    /* ── 深色侧边栏（admin / space 共用）───────────────────────────── */
    --sidebar:       #111827;
    --sidebar-ink:   #c9d2de;
    --sidebar-muted: #7d8899;

    /* ── 圆角三档 ──────────────────────────────────────────────────── */
    --radius:      14px;   /* 大卡片 */
    --radius-mid:  12px;   /* 中卡片 */
    --r:           10px;   /* 小控件 / 按钮 */

    /* ══════════════════════════════════════════════════════════════════
       字体标尺（2026-09-22 建立，见《定稿台账》5.2）

       为什么要有这个：全站曾有 30 种字号（9px ~ 58px），其中 7 种是半像素
       （12.5 / 13.5 / 14.5 / 11.5 / 15.5 / 10.5），是不同批次页面各自加出来的。
       用户反馈：「不同批次页面差别太大，感觉网页整体 ui 和拼接似的」。

       规矩（不是「全部一样」，而是「有标尺」）：
         ① 新写代码一律用 var(--fs-*)
         ② 老代码逐步归位，不做一次性大改（500+ 处，风险太大）
         ③ 字号只用这 8 档；确实需要新档，先改这里、并写清用途
       ══════════════════════════════════════════════════════════════════ */
    --fs-xs:   12px;   /* 辅助说明、表格尾注、标签、次要时间 */
    --fs-sm:   13px;   /* 次要正文、表格内容、小号按钮 */
    --fs-base: 14px;   /* 正文基准（全站默认） */
    --fs-lg:   16px;   /* 小标题、卡片标题、强调正文 */
    --fs-xl:   18px;   /* 页面标题 h2、区块标题 */
    --fs-2xl:  22px;   /* 大标题 h1、关键数据 */
    --fs-3xl:  28px;   /* 落地页 hero、数据看板大数字 */
    --fs-4xl:  36px;   /* 营销页主标题（仅首页 / 落地页） */

    /* 字重同样收敛到 4 档（避免 800 / 900 满天飞） */
    --fw-normal: 400;
    --fw-medium: 500;
    --fw-semi:   600;
    --fw-bold:   700;
}

/* Workbench shell: shared by personal/operations consoles and account status. */
:root {
 --wb-rail-top:#29466c;
 --wb-rail-bottom:#233e61;
 --wb-rail-border:#304d72;
 --wb-rail-text:#c7d5e9;
 --wb-rail-muted:#b3c6df;
 --wb-brand:#527fc3;
 --wb-nav-active:#274f85;
 --wb-action:#416ea9;
}

/* Calling surface: local video and participant tiles. */
:root{--vc-stage:#182b42;--vc-tile:#213952;--vc-stage-text:#edf3fc;--vc-stage-muted:#bdcce0;--vc-stage-border:#3b506a;--vc-danger:#b84d50;}