/* 由 scripts/gen-background-takeover.mjs 生成 —— 不要手改。
 * 背景开启时把源码里在用的浅色表面类改成半透明（清单来自 src 目录下全部 .tsx 的实际用法）。
 * 共 14 个类：bg-amber-100, bg-amber-50, bg-blue-100, bg-blue-50, bg-gray-100, bg-gray-200, bg-green-100, bg-green-50, bg-orange-100, bg-orange-200, bg-orange-50, bg-red-100, bg-red-50, bg-yellow-100
 */

html[data-bg='on'] .bg-amber-100 {
  background-color: rgb(var(--c-amber-100) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-amber-50 {
  background-color: rgb(var(--c-amber-50) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-blue-100 {
  background-color: rgb(var(--c-blue-100) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-blue-50 {
  background-color: rgb(var(--c-blue-50) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-gray-100 {
  background-color: rgb(var(--c-gray-100) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-gray-200 {
  background-color: rgb(var(--c-gray-200) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-green-100 {
  background-color: rgb(var(--c-green-100) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-green-50 {
  background-color: rgb(var(--c-green-50) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-orange-100 {
  background-color: rgb(var(--c-orange-100) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-orange-200 {
  background-color: rgb(var(--c-orange-200) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-orange-50 {
  background-color: rgb(var(--c-orange-50) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-red-100 {
  background-color: rgb(var(--c-red-100) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-red-50 {
  background-color: rgb(var(--c-red-50) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}

html[data-bg='on'] .bg-yellow-100 {
  background-color: rgb(var(--c-yellow-100) / var(--bg-glass-inner));
  backdrop-filter: none;   /* 外层已经模糊过，嵌套层再糊一次会把图案糊成灰块 */
  -webkit-backdrop-filter: none;
}