/* fb-theme.css —— Fragile 门店 app · 总部 app · 地图 (live.html) · CK app 共用的「外框」设计档 (10-30)
   ================================================================================
   老板 10-30:「颜色要一样，可以用2-3 颜色模式 全白，现在的纸皮色，和黑色」→「都用一样的模版一样的设计」。
   放在 CK 网域 (https://ck.fragileburger.my/fb-theme.css), 四个都读这一份:
     · 总部 app product.html / 地图 live.html / CK app index.html = 同一个 Pages 项目 → 相对路径 <link href="fb-theme.css">
     · 门店 app (store.fragileburger.my, 另一个网域) = 绝对网址 (本机测试读 ?map= 那个本机服务器的同一份); 门店 app 的 _headers 没有 CSP, 跨网域 <link> 读 CSS 不用 CORS
   ⚠️ 11-01 改这份 = 三个 ?v= 一起加一 (现在 v=1): product.html · live.html 的 <link href="fb-theme.css?v=N"> + storeapp/index.html <head> 那段 (u+"?v=N")。
     fragileburger.my 把 .css 缓存 4 小时 (_headers 的 no-cache 只在 pages.dev 生效) —— 不加 = 手机吃 4 小时旧颜色。CK app index.html 不用手改 (部署时 build_ck.js 自动盖内容指纹)。
     查三个一样没: grep -n 'fb-theme.css?v=\|u+"?v=' appV19/v19/product.html appV19/v19/live.html storeapp/index.html
   为什么不直接扩充 fb-tokens.css: 那份是报表 / marketing 对外 HTML 的权威 token, 档头写死「不做深色模式 (09-10 定)」, 报表也在读 —— 三种模式只放这份。

   三种模式 = <html data-fbtheme="white | paper | dark">, 没有 = 纸皮色 (预设):
     · 每台装置各自记住 localStorage「fb_theme」(读写一律包 try/catch; 读不到 = 预设)。门店 app 跟 CK 网域各一份 (不同网域)。
     · 地图被嵌着 = 跟外壳走: 总部 app 给 FBHQ.theme + live-event theme · 门店 app 给 mount ctx.theme + live-event theme (store_home_bridge.md / hq_home_bridge.md)。
     · 地图场景本身 (地板 · 档口 · 人物 · 灯光) 不变色; 变的是 UI —— 卡片 · 顶栏 · 底栏 · 侧栏 · 右栏 · 抽屉 · 字。
   各 app 怎么接: 只读下面这组 --th-* (不要再自己写一份色票); 半透明一律 rgba(var(--th-ink-rgb), .xx) / rgba(var(--th-bg-rgb), .xx) / rgba(var(--th-card-rgb), .xx)。
   改色 = 只改这一份; 加一种模式 = 加一段 :root[data-fbtheme="…"]。
*/
:root,:root[data-fbtheme="paper"]{
  /* 纸皮色 (预设) = 地图 / 总部 v4 / 门店 app 电脑版现在那套 */
  --th-bg:#F7EFDC; --th-panel:#F2E8D2; --th-card:#FBF6EA; --th-sunk:#EDE3CC;
  --th-ink:#211A12; --th-ink2:#5A4F42; --th-ink3:#A39A8C; --th-ink3b:#7A6F60;
  --th-line:#E3D7BE; --th-line2:#EFE6D2; --th-chip:#EDE3CC; --th-hover:#EFE6D2;
  --th-act:#C8102E; --th-act-ink:#FFFFFF; --th-ok:#2E7D4F;
  --th-ink-rgb:33,26,18; --th-bg-rgb:247,239,220; --th-card-rgb:251,246,234;
  --th-est-bg:rgba(246,229,179,.85); --th-est-ink:#8F6200;    /* 「估算」小标 */
  --th-hq-bg:rgba(222,214,245,.9); --th-hq-ink:#4E3F86;      /* 「总部 3 人」小标 */
  /* 字 · 圆角 · 按钮 · 卡片 (外框用; 旧内页还是各自写死的, 换版时照这几个) */
  --th-font:-apple-system,"Segoe UI","PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;
  --th-r-card:12px; --th-r-btn:9px; --th-r-pill:999px;
  --th-btn-bg:var(--th-act); --th-btn-ink:var(--th-act-ink);
  --th-card-line:1px solid var(--th-line);
  color-scheme:light;
}
:root[data-fbtheme="white"]{
  /* 全白 = 门店 app / 总部 app 原本手机内页那套 (白卡 + 浅灰底) */
  --th-bg:#F5F4F2; --th-panel:#FFFFFF; --th-card:#FFFFFF; --th-sunk:#F5F5F4;
  --th-ink:#1C1917; --th-ink2:#57534E; --th-ink3:#A8A29E; --th-ink3b:#78716C;
  --th-line:#E7E5E4; --th-line2:#F5F5F4; --th-chip:#F5F5F4; --th-hover:#F5F5F4;
  --th-ink-rgb:28,25,23; --th-bg-rgb:245,244,242; --th-card-rgb:255,255,255;
  --th-est-bg:rgba(254,243,199,.95); --th-est-ink:#92400E;
  --th-hq-bg:rgba(237,233,254,.95); --th-hq-ink:#5B21B6;
  color-scheme:light;
}
:root[data-fbtheme="dark"]{
  /* 黑色: 暖黑 (跟纸皮色同一个色相, 不是冷灰); 红调亮一点才看得清 */
  --th-bg:#16130F; --th-panel:#1D1915; --th-card:#24201B; --th-sunk:#2E2822;
  --th-ink:#F2EBDD; --th-ink2:#CFC5B4; --th-ink3:#7E7466; --th-ink3b:#A69B8A;
  --th-line:#3A332B; --th-line2:#2E2822; --th-chip:#2E2822; --th-hover:#2E2822;
  --th-act:#E5384F; --th-act-ink:#FFFFFF; --th-ok:#5FBF86;
  --th-ink-rgb:242,235,221; --th-bg-rgb:22,19,15; --th-card-rgb:36,32,27;
  --th-est-bg:rgba(143,98,0,.38); --th-est-ink:#F3C969;
  --th-hq-bg:rgba(120,100,200,.32); --th-hq-ink:#CDBEFF;
  color-scheme:dark;
}