/* ============================================================
   暖巷影院 UI Kit · Design Tokens
   全部设计变量唯一出处。改主题只改这个文件。
   ============================================================ */
:root{
  /* ---- 色板 ---- */
  --wl-bg:            #16100E;   /* 页面夜幕底 */
  --wl-bg-deep:       #0D0908;   /* 更深（刘海/遮罩底） */
  --wl-panel:         #221817;   /* 面板 */
  --wl-panel-2:       #2A1E1C;   /* 次级面板 / 输入框底 */
  --wl-card:          #2E211F;   /* 卡片 */
  --wl-card-dark:     #1C1412;   /* 空厅暗卡 */
  --wl-line:          #3D2C29;   /* 描边 */
  --wl-line-gold:     rgba(232,184,75,.4);   /* 上锁/金色描边 */
  --wl-line-coral:    rgba(255,122,92,.45);  /* 选中/珊瑚描边 */

  --wl-coral:         #FF7A5C;   /* 主行动色（可点/播放/危险） */
  --wl-coral-deep:    #E85A3E;
  --wl-coral-soft:    rgba(255,122,92,.14);  /* 珊瑚浅底 */
  --wl-gold:          #E8B84B;   /* 灯光/房主/评分 */
  --wl-gold-deep:     #C79332;
  --wl-gold-soft:     rgba(232,184,75,.07);
  --wl-green:         #7BC47F;   /* 在线/麦克风开 */
  --wl-green-soft:    rgba(123,196,127,.15);

  --wl-text:          #F5E9E2;   /* 正文 */
  --wl-text-dim:      #B39C92;   /* 次级 */
  --wl-text-faint:    #7A645C;   /* 辅助/占位 */
  --wl-text-on-accent:#1A0E0A;   /* 珊瑚/金按钮上的深字 */

  --wl-mask:          rgba(13,9,8,.6);

  /* ---- 圆角 ---- */
  --wl-r-lg:   20px;   /* 面板/弹层 */
  --wl-r-md:   14px;   /* 卡片/按钮 */
  --wl-r-sm:   10px;   /* 输入框/小标签 */
  --wl-r-full: 999px;  /* 头像/胶囊 */

  /* ---- 间距（4 的倍数） ---- */
  --wl-gap-xs: 4px;
  --wl-gap-s:  8px;
  --wl-gap-m:  12px;
  --wl-gap-l:  16px;
  --wl-page:   18px;   /* 页边距 */

  /* ---- 阴影 ---- */
  --wl-shadow:      0 8px 24px rgba(0,0,0,.45);
  --wl-shadow-deep: 0 20px 60px rgba(0,0,0,.6);
  --wl-glow-coral:  0 0 18px rgba(255,122,92,.25);
  --wl-glow-gold:   0 0 8px var(--wl-gold);
  --wl-glow-green:  0 0 6px var(--wl-green);

  /* ---- 字体 ---- */
  --wl-font: "PingFang SC","HarmonyOS Sans SC","Microsoft YaHei",sans-serif;
  --wl-fs-xl:  22px;  /* 大标题：影厅名 */
  --wl-fs-lg:  15px;  /* 标题：卡片名/列表项 */
  --wl-fs-md:  13px;  /* 正文：消息/说明 */
  --wl-fs-sm:  11px;  /* 辅助：时间/人数/状态 */
  --wl-fs-xs:  10px;  /* 徽章/系统消息 */

  /* ---- 触控 ---- */
  --wl-touch: 44px;    /* 最小触控区域 */
  --wl-touch-icon: 34px; /* 微图标视觉尺寸（热区需外扩到 44px） */
}