/* theme.css — 广角 v5 M10 微信风浅色主题 token（移植自小店版，业主认可风格）。
 * 用色纪律：橙只用于主操作/选中态/激活页签/角标，不做大面积底色；大面积一律中性灰白。
 * 紫色（小店版 AI 专用）不搬；新增 --danger-strong 供应急插播按钮（比告警红更深）。 */
:root {
  /* 背景层级（微信三层灰） */
  --bg-page:    #EDEDED;
  --bg-card:    #FFFFFF;
  --bg-header:  #F7F7F7;
  --bg-hover:   #F5F5F5;
  --bg-input:   #F7F7F7;

  /* 文字（微信黑灰体系；正文柔黑而非纯黑） */
  --text-primary:   #262626;
  --text-secondary: #888888;
  --text-hint:      #AAAAAA;
  --text-inverse:   #FFFFFF;

  /* 分隔线 */
  --border:       #E5E5E5;
  --border-input: #D9D9D9;

  /* 品牌橙（对应微信绿的位置；与 H5 统一） */
  --accent:       #FF7A00;
  --accent-light: #FFF2E8;
  --accent-hover: #E66A00;

  /* 语义色 */
  --success: #07C160;
  --warning: #FF9500;
  --error:   #FF3B30;
  --danger-strong: #D9342A; /* 应急插播按钮：区分「出事了」与「我要压屏」 */

  /* 状态浅色底（徽章/状态 pill） */
  --tint-accent:  #FFF3E8;
  --tint-warning: #FFF8E8;
  --tint-error:   #FFF0EE;
  --tint-success: #E8F8EF;
  --tint-info:    #E1F0FF;

  /* 中性灰阶 */
  --neutral-900: #1A1A1A;
  --neutral-600: #555555;
  --neutral-300: #CCCCCC;
  --neutral-200: #D0D0D0;
  --neutral-100: #F4F4F6;

  /* 圆角 */
  --radius-card:   8px;
  --radius-button: 6px;
  --radius-badge:  4px;

  /* 阴影（微信扁平，极淡） */
  --shadow-card:  0 1px 4px rgba(0, 0, 0, 0.08);
  --shadow-modal: 0 8px 32px rgba(0, 0, 0, 0.16);

  /* 字号阶梯 */
  --fs-2xs:  10px;
  --fs-xs:   11px;
  --fs-sm:   12px;
  --fs-base: 13px;
  --fs-md:   14px;  /* 正文基准 */
  --fs-lg:   15px;
  --fs-xl:   16px;
  --fs-2xl:  18px;
  --fs-3xl:  20px;
  --fs-4xl:  22px;
  --fs-5xl:  24px;

  /* 过渡 */
  --transition-fast: 0.1s;
  --transition:      0.15s;
  --transition-slow: 0.3s;

  /* ── 旧 token 别名（M3~M9 行内样式仍引用 var(--ok)/--warn/--acc/--bg2/--line 等；
   *    别名收口到新体系，行内引用零改动） ── */
  --bg:     var(--bg-page);
  --bg2:    var(--bg-header);
  --panel:  var(--bg-card);
  --panel2: var(--neutral-100);
  --line:   var(--border);
  --text:   var(--text-primary);
  --dim:    var(--text-secondary);
  --faint:  var(--text-hint);
  --acc:    var(--accent);
  --acc2:   var(--accent-hover);
  --ok:     var(--success);
  --warn:   var(--warning);
  --err:    var(--error);
}

/* 滚动条（Chrome/国产 Chromium 系） */
::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--neutral-200); border-radius: 3px; }