/* Static info pages + pilot banner theming (v3.1.4). The pages under
 * public/ are separate documents; /site-sync.js resolves the shell's
 * themePalette preference into one of these data-static-theme values on
 * <html> before first paint, mirroring the SPA palettes in
 * src/config/muiConfig.ts. */
:root {
  --bg: #FFF6E9; --paper: #FFFFFF; --ink: #2A1A12; --line: #EAD9BE; --primary: #B34700;

  /* v3.5.3 统一版心（P1）：以前分类页 1224、工具页 1104、关于页 860、
   * 六个 pilot 页 920/880/760/700，右边缘对不齐。现在所有内页都用同一个
   * --w-content；确实需要更宽的首页显式声明 data-width="wide" 用 --w-wide。
   * --page-gutter 让手机左右内边距也统一到 20px（原来 SPA 21 / pilot 0~16）。
   * 垂直节奏统一成 8 / 16 / 24 / 40 四档，避免每页各写一套 margin。 */
  --w-content: 920px;
  --w-wide: 1104px;
  --page-gutter: 20px;
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
}
html[data-static-theme="warm"] {
  --bg: #FFF6E9; --paper: #FFFFFF; --ink: #2A1A12; --line: #EAD9BE; --primary: #B34700;
}
html[data-static-theme="evergreen"] {
  --bg: #F2F8F1; --paper: #FFFFFF; --ink: #14291B; --line: #B9D8BC; --primary: #1B7A43;
}
html[data-static-theme="green"] {
  --bg: #E9F4E4; --paper: #FBFEF7; --ink: #1E3320; --line: #A9C79B; --primary: #1E6B2E;
}
html[data-static-theme="contrast"] {
  --bg: #FFFFFF; --paper: #FFFFFF; --ink: #000000; --line: #404040; --primary: #0030B3;
}
html[data-static-theme="night"] {
  --bg: #0D1B2E; --paper: #1B2F47; --ink: #EDF3FC; --line: #3D5A80; --primary: #8FB8F5;
}
html[data-static-theme="night-resolved"] {
  --bg: #171310; --paper: #221C17; --ink: #FFF7EA; --line: #EAD9BE; --primary: #F5A54A;
}
html[data-static-theme="cyber"] {
  --bg: #05060A; --paper: #0D1017; --ink: #EAFBFF; --line: #1E3A4A; --primary: #00E5FF;
}
/* v3.1.4.1 colorway expansion — mirrors the twelve added SPA palettes. */
html[data-static-theme="sky"] {
  --bg: #EAF4FC; --paper: #FFFFFF; --ink: #12293B; --line: #BCD9EE; --primary: #0B6FA4;
}
html[data-static-theme="mint"] {
  --bg: #EAF7F0; --paper: #FFFFFF; --ink: #14301F; --line: #BDE3CE; --primary: #0B7A55;
}
html[data-static-theme="seasalt"] {
  --bg: #EFF6FA; --paper: #FFFFFF; --ink: #16303C; --line: #C4DCE8; --primary: #0B6B8C;
}
html[data-static-theme="lemonade"] {
  --bg: #F8F9E4; --paper: #FFFFFF; --ink: #2E330F; --line: #D8DEA8; --primary: #4E7D00;
}
html[data-static-theme="sakura"] {
  --bg: #FDF0F4; --paper: #FFFFFF; --ink: #38121F; --line: #F3C3D4; --primary: #B3124F;
}
html[data-static-theme="peach"] {
  --bg: #FDF1E7; --paper: #FFFFFF; --ink: #38200F; --line: #F2CFAF; --primary: #B44A08;
}
html[data-static-theme="taro"] {
  --bg: #F3EFFB; --paper: #FFFFFF; --ink: #271A45; --line: #D3C6EE; --primary: #6440B8;
}
html[data-static-theme="matcha"] {
  --bg: #F1F4E4; --paper: #FFFFFF; --ink: #26300F; --line: #CBD8A4; --primary: #54701B;
}
html[data-static-theme="fuhong"] {
  --bg: #FBF3E4; --paper: #FFFDF6; --ink: #33150E; --line: #E8CFA0; --primary: #A31E1E;
}
html[data-static-theme="jinqiu"] {
  --bg: #FAF1DC; --paper: #FFFDF4; --ink: #33230A; --line: #E3CE9C; --primary: #9A6200;
}
html[data-static-theme="luxury"] {
  --bg: #0B0B0D; --paper: #17171B; --ink: #F5EFE0; --line: #3A332A; --primary: #D9A441;
}
html[data-static-theme="halloween"] {
  --bg: #17121C; --paper: #231A2E; --ink: #FBEFE3; --line: #453358; --primary: #F28C18;
}

/* ---------------------------------------------------------------------------
 * 适老清晰档（PDCA 第 1 轮 / D-3）。
 * 字体族复用思源黑体 Noto Sans SC —— SIL Open Font License 1.1，可商用，
 * 项目原本就通过 Google Fonts 按需加载（那份 CSS 已含 900 字重），所以这一档
 * 不新增任何字体文件、不新增 CDN 请求，也不引入新的授权义务。
 * 「适老」体现在排版：加粗 + 字距 + 行高，字号仍由用户自己的字号档决定，
 * 两者不打架。用 !important 是因为 MUI 组件会把自己的 font-weight 写在内联
 * 样式里；reduced-motion 下顺手关掉这一档的动效。
 * ------------------------------------------------------------------------- */
html[data-elder-font="1"],
html[data-elder-font="1"] body {
  font-family: "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif !important;
  font-weight: 800 !important;
  letter-spacing: .02em !important;
  line-height: 1.8 !important;
}
html[data-elder-font="1"] button,
html[data-elder-font="1"] input,
html[data-elder-font="1"] select,
html[data-elder-font="1"] textarea {
  font-weight: 800 !important;
  letter-spacing: .02em !important;
}
@media (prefers-reduced-motion: reduce) {
  html[data-elder-font="1"] *,
  html[data-elder-font="1"] *::before,
  html[data-elder-font="1"] *::after { animation: none !important; transition: none !important; }
}