/* xinghuo-sand — light surface variant for fingerprint diversity */
:root {
  --xh-bg: #f3eee6;
  --xh-elev: #fffaf3;
  --xh-card: #fffdf9;
  --xh-text: #2a241c;
  --xh-muted: #7a6e60;
  --xh-amber: #9a6b2f;
  --xh-amber-2: #7e5420;
  --xh-line: #e0d5c6;
}
body { background: var(--xh-bg); color: var(--xh-text); }
.xh-nav { border-bottom-color: var(--xh-line); }
.xh-hero {
  border-color: var(--xh-line);
  background: #ebe3d6;
}
.xh-hero-copy {
  background: linear-gradient(120deg, #e8dcc8 0%, #f3eee6 55%, rgba(243,238,230,.3) 100%);
}
.xh-cta { color: #fff8ef; background: linear-gradient(180deg, #b8843f, var(--xh-amber-2)); }
.xh-card { border-color: var(--xh-line); box-shadow: 0 4px 14px rgba(42,36,28,.06); }
.xh-ad { background: #efe7da; border-color: #cbb99a; }
.xh-ad .lab { background: #9a6b2f; color: #fff8ef; }
.xh-footer { border-top-color: var(--xh-line); }
.xh-search { background: var(--xh-elev); border-color: var(--xh-line); }
.xh-search input { color: var(--xh-text); }
/* Light hero copy needs dark text (base hero text is white-on-dark). showcase keeps its own dark hero. */
body:not(.layout-showcase) .xh-hero h1 { color: var(--xh-text); }
body:not(.layout-showcase) .xh-hero p { color: rgba(42,36,28,.72); }
body:not(.layout-showcase) .xh-eyebrow,
.xh-meta-row, .xh-pill { color: var(--xh-muted); }