.scope-demo {
  --demo-text: #333;
  --demo-bg: #f8f9fa;
  padding: 15px;
  background: var(--demo-bg);
  color: var(--demo-text);
  border-radius: 6px;
  margin: 10px 0;
}

.scope-demo.theme-dark {
  --demo-text: #fff;
  --demo-bg: #2d3748;
}

.scope-demo .nested {
  --demo-text: #e74c3c;
  padding: 10px;
  background: var(--demo-bg);
  color: var(--demo-text);
  border-radius: 4px;
  margin-top: 10px;
  border: 2px dashed currentColor;
}