/* ============================================================
   天选 · 权威设计 Token  v2
   天罗盘 · 灵气青碧 — 深色单主题(无明暗切换)
   天选看板 mic_board.py × 统子哥 MOD ui/app.html 共用此一份

   本版基准 = 交付/01_主看板.html 的 :root(真实源码,逐条核对)
   非源码原值之处,文件内均以 [改] 标注并说明理由。
   ============================================================
   引入顺序:tokens.css → components.css → 各文档自有样式
   ============================================================ */

/* ---- 自托管字体:生产在中国云服务器,绝不依赖 Google Fonts ---- */
@font-face{
  font-family:'Noto Sans SC';
  src:url('/static/fonts/NotoSansSC-subset.woff2') format('woff2');
  font-weight:100 900;font-display:swap;
}
@font-face{
  font-family:'Space Grotesk';
  src:url('/static/fonts/SpaceGrotesk-latin.woff2') format('woff2');
  font-weight:400 700;font-display:swap;
  unicode-range:U+0000-00FF,U+2000-206F,U+2070-209F,U+20A0-20BF,U+2190-21BB,U+2212;
}

:root{
  /* ========== 底色 / 面板 / 描边 ========== */
  --bg:#0b0c12;
  --panel:#14161f;
  --panel2:#171a24;
  --in-bg:#0f1118;
  --line:#232736;
  --line-weak:#1c1f2b;
  --in-line:#262a38;

  /* [改] --card 此前从未定义,三个 JS 弹窗因此落到硬编码 #1b1e24 / #1a1e27。
     定为 --panel 别名:弹窗只换色值,不动结构。 */
  --card:var(--panel);
  /* [新] 弹窗遮罩:原 #hallmodal 内联,提为 token */
  --overlay:rgba(5,8,14,.72);

  /* ========== 文字(六级灰阶) ========== */
  --t1:#f2f3fb; --t2:#eceefa; --t3:#c3c7da;
  --t4:#767c96; --t5:#6f7590; --t6:#5b6178;

  /* ========== 主色:薄荷青碧 ========== */
  --ac:#6fe3c8;
  --ac-hi:#c9fff2;
  --ac-soft:#a8f5e4;
  --ac-soft2:#dcf6f0;
  --on-ac:#04191a;
  --ac-bg-sel:rgba(111,227,200,.16);
  --ac-bg-tip:rgba(111,227,200,.12);
  --ac-bg-hover:rgba(111,227,200,.09);
  --ac-line:rgba(111,227,200,.5);
  --ac-line-weak:rgba(111,227,200,.28);

  /* ========== 点缀:仙紫(私聊 / 次级强调) ========== */
  --violet:#8f9ff0;
  /* [新] 补齐 MOD 中硬编码的 rgba(143,159,240,…) */
  --violet-bg:rgba(143,159,240,.14);
  --violet-line:rgba(143,159,240,.38);
  --violet-hover:rgba(143,159,240,.09);

  --grad:linear-gradient(90deg,#6fe3c8,#8f9ff0);

  /* ========== 语义色 ========== */
  --ok:#5fdda6;
  --ok-bg:rgba(95,221,166,.1);
  --ok-line:rgba(95,221,166,.3);
  --on-ok:#04231a;                /* [新] 实底上的字 */

  --warn:#e5a54b;
  --warn-bg:rgba(229,165,75,.1);
  --warn-line:rgba(229,165,75,.32);
  --on-warn:#241a06;              /* [新] */

  /* [改] 危险红:原有 4 个红收敛为同一色相 #ff8080。
     源码 --bad-bg/--bad-line 是另一个红 #ef5f5f,--badge 是第三个 #ef4444,
     窗口关闭 #c42b1c 是第四个。现全部改挂 #ff8080 色相,透明度沿用源码(.1/.4)
     ——只换色相,不改视觉权重。 */
  --bad:#ff8080;
  --bad-bg:rgba(255,128,128,.1);
  --bad-line:rgba(255,128,128,.4);
  --bad-solid:#e04b4b;            /* [新] 实底:角标 / 关闭 / 删除,白字够对比 */
  --on-bad:#ffffff;               /* [新] */
  --badge:var(--bad-solid);       /* 旧名保留 */

  /* ========== 角色 / 性别 ========== */
  --pink:#ffb3d0;
  --male:#8fb4ff;

  /* ========== 金榜 / VIP ========== */
  --gold:#e3c073;
  --gold2:#c9a86a;
  --gold3:#a08d68;
  --gold-bg:#1a1710;
  --gold-line:#4a3c1d;
  --gold-line2:#3c3117;           /* .seat.boss / .pill.boss 用,勿删 */
  --gold-tint:rgba(227,192,115,.12); /* [新] 补齐 MOD 硬编码 */
  --on-gold:#241a06;              /* [新] */

  /* ========== 字体 ==========
     [保留源码栈] Noto Sans SC 打头,因为它与 Space Grotesk 一样是自托管 woff2
     ——每台机器渲染一致。手册 §1 写的 PingFang 打头会让 Mac / Win 长得不一样,
     未采纳,见页面「待你拍板」一节。 */
  --fs:'Noto Sans SC','Microsoft YaHei','PingFang SC',sans-serif;
  --fn:'Space Grotesk','Noto Sans SC',sans-serif;

  /* [新] 字号尺度:MOD 的 ~14 档 .5px 步进收敛为 7 档(取值全部来自看板现用值) */
  --fz-xs:11px;    /* 表头 / 角标 / sub2 */
  --fz-sm:12px;    /* 胶囊 / 麦位昵称 */
  --fz:13px;       /* 正文 / 按钮 / 表格 / chip */
  --fz-md:14px;    /* 输入 / 导航 / 卡片标题 */
  --fz-lg:17px;    /* 厅名 */
  --fz-xl:22px;    /* 页面标题 h1 */

  /* [新] 间距尺度:4 / 8 网格。MOD 的 7/9/11/13/15px 内距归到此处 */
  --s1:4px;  --s2:8px;  --s3:12px; --s4:16px;
  --s5:20px; --s6:24px; --s7:32px; --s8:40px;

  /* ========== 圆角 ========== */
  --r-lg:16px;
  --r:14px;
  --r-md:10px;
  --r-sm:var(--r-md);   /* [改] 源码为 10px 字面量,与 --r-md 重复;改为别名,零视觉变化 */
  --r-xs:6px;
  --pill:999px;

  /* ========== 阴影 ========== */
  --sh-card:0 6px 22px rgba(0,0,0,.3);
  --sh-ac:0 6px 20px rgba(111,227,200,.35);
  --sh-pop:0 10px 30px rgba(0,0,0,.45);   /* [新] 弹窗 / tooltip */

  /* ========== 层级 ========== */
  --z-pop:80; --z-modal:100; --z-toast:120;
}