:root {
  --skin-public-bg: #fafaf7;
  --skin-public-image: none;
  --skin-public-size: auto;
  --skin-editorial-bg: #fafaf7;
  --skin-editorial-image: none;
  --skin-editorial-size: auto;
  --skin-admin-bg: #fafaf7;
  --skin-admin-image: none;
  --skin-admin-size: auto;
  --skin-merchant-bg: #fafaf7;
  --skin-merchant-image: none;
  --skin-merchant-size: auto;
}

.skin-surface-public {
  background-color: var(--skin-public-bg);
  background-image: var(--skin-public-image);
  background-size: var(--skin-public-size);
}

.skin-surface-editorial {
  background-color: var(--skin-editorial-bg);
  background-image: var(--skin-editorial-image);
  background-size: var(--skin-editorial-size);
}

.skin-surface-admin {
  background-color: var(--skin-admin-bg);
  background-image: var(--skin-admin-image);
  background-size: var(--skin-admin-size);
}

.skin-surface-merchant {
  background-color: var(--skin-merchant-bg);
  background-image: var(--skin-merchant-image);
  background-size: var(--skin-merchant-size);
}

@media (forced-colors: active), print {
  .skin-surface-public,
  .skin-surface-editorial,
  .skin-surface-admin,
  .skin-surface-merchant {
    background-image: none !important;
  }
}