/**
 * 整站底圖／雲朵色：由 js/site-surface-theme.js 在 html 加上 .xf-surface-active
 * 並設定 --xf-surface-canvas、--xf-scrollbar-thumb。
 */
html.xf-surface-active body {
  background-color: var(--xf-surface-canvas, #f0efea) !important;
}

html.xf-surface-active .bg-cloud-dancer,
html.xf-surface-active .md\:bg-cloud-dancer {
  background-color: var(--xf-surface-canvas, #f0efea) !important;
}

html.xf-surface-active ::-webkit-scrollbar-track {
  background: var(--xf-surface-canvas, #f0efea);
}

html.xf-surface-active ::-webkit-scrollbar-thumb {
  background: var(--xf-scrollbar-thumb, #4a5d23);
  border-radius: 10px;
}

/* 首頁訂閱區塊（#newsletter-panel）：與種子色同系的深色底＋對比按鈕 */
html.xf-surface-active #newsletter-panel {
  background-color: var(--xf-nl-panel, #4a5d23) !important;
}

html.xf-surface-active #newsletter-submit-btn {
  background-color: var(--xf-nl-btn-bg, #70df20) !important;
  color: var(--xf-nl-btn-fg, #4a5d23) !important;
}

html.xf-surface-active #newsletter-submit-btn:hover {
  background-color: var(--xf-nl-btn-hover-bg, #ffffff) !important;
  color: var(--xf-nl-btn-hover-fg, #4a5d23) !important;
}