/* WAKE 语音后台 · 排版标尺（对标 KOOK PC 0.112.0 实测体系）
   ------------------------------------------------------------------
   定位：这是「标尺」，不是「皮肤」—— 只【新增】令牌，✗ 不改任何既有 --wk-* 的值（零回归）。
   来由：KOOK PC 的 1.0 MB CSS 里有 287 个变量，其中 198 个是颜色/主题；
        它的字号只有 6 档（12/14/16/20/24/32）、间距只有 4pt 栅格（4/8/12/16/24）、
        圆角只有 3 档分工（8 小件 / 12 主力 / 16 大件）、z-index 只有 4 档。
        ⇒ 「看起来整齐」不是审美，是有没有标尺。

   用法：新代码/改造旧页面时只用这些名字，别再拍 14px、18px、7px 这种随手值。
   配套：产品端 /app 同口径（voice/web-app/app/index.html 的 :root 令牌块）。
*/

:root,
html.wk {
  /* 间距：4pt 栅格（KOOK 出现最多的四档 = 8 / 4 / 16 / 12） */
  --wk-sp-1: 4px;
  --wk-sp-2: 8px;
  --wk-sp-3: 12px;
  --wk-sp-4: 16px;
  --wk-sp-5: 24px;
  --wk-sp-6: 32px;

  /* 字号 + 行高（每档配对；✗ 再用 1.6 通吃所有字号） */
  --wk-fs-1: 12px;  --wk-lh-1: 18px;   /* 辅助：时间戳/说明 */
  --wk-fs-2: 14px;  --wk-lh-2: 20px;   /* 正文（默认） */
  --wk-fs-3: 16px;  --wk-lh-3: 24px;   /* 强调 */
  --wk-fs-4: 20px;  --wk-lh-4: 26px;   /* 区块标题 */
  --wk-fs-5: 24px;  --wk-lh-5: 32px;   /* 页面标题 */

  /* 圆角：按「件」分工，不按大小随手 */
  --wk-rd-sm: 8px;   /* 小件：按钮 / 输入 / 标签 */
  --wk-rd: 12px;     /* 主力：卡片 / 菜单 / 面板 */
  --wk-rd-lg: 16px;  /* 大件：消息块 / 道具格 / 弹窗内大卡 */

  /* 统一格子：道具 / 勋章 / 盲盒 / 头像预览共用（KOOK 六个业务同一个 72×72） */
  --wk-card-sq: 72px;

  /* 消息流：头像 44 + 左缩进 64（= 44 + 20 间距）、块间距 8 */
  --wk-av-msg: 44px;
  --wk-indent-msg: 64px;

  /* 层级：4 档制度（✗ 每个组件自己拍 z-index） */
  --wk-z-1: 100;    /* 局部浮层：下拉 / 悬浮条 */
  --wk-z-2: 999;    /* 遮罩 */
  --wk-z-3: 1000;   /* 弹窗 */
  --wk-z-4: 10000;  /* toast / 顶层层 */

  /* ★语义别名（旧名一律保留，新代码用语义名）：
     KOOK 按「表面深度」命名（workspace-sunken / setting-raised），不按数字 ——
     这样换肤只改值，调用方永远不用记「1 比 2 深还是浅」。 */
  --wk-bg-surface: var(--wk-bg-1);
  --wk-bg-raised: var(--wk-bg-2);
  --wk-bg-elevated: var(--wk-bg-3);
  --wk-text-primary: var(--wk-text);
  --wk-text-secondary: var(--wk-text-2);
  --wk-text-tip: var(--wk-text-3);
}

/* 业务色族（KOOK 有 boost / intimacy / gift 各自独立色族；新玩法不该改公共色板） */
:root,
html.wk {
  --wk-color-success: var(--wk-success);
  --wk-color-warning: var(--wk-warning);
  --wk-color-danger: var(--wk-danger);
  --wk-color-info: var(--wk-info);
  --wk-color-brand: var(--wk-brand-1);
  /* 语音业务专用（禁麦/助力/公告），与品牌色分开，改这里不影响全站 */
  --wk-color-voice-mute: var(--wk-warning);   /* 本频道禁麦 */
  --wk-color-voice-mute-srv: var(--wk-danger); /* 全服务器禁麦 */
  --wk-color-boost: var(--wk-brand-2);         /* 服务器助力 */
}