.global-demo {
  --demo-primary: #e74c3c;
  --demo-secondary: #f39c12;
  --demo-spacing: 15px;
  --demo-border: 2px solid var(--demo-primary);
}

.global-card {
  background: white;
  border: var(--demo-border);
  border-radius: var(--demo-spacing);
  padding: var(--demo-spacing);
  margin: var(--demo-spacing) 0;
  color: var(--demo-primary);
}

.global-button {
  background: var(--demo-secondary);
  color: white;
  border: none;
  padding: calc(var(--demo-spacing) / 2) var(--demo-spacing);
  border-radius: calc(var(--demo-spacing) / 2);
  cursor: pointer;
  transition: opacity 0.3s ease;
}

.global-button:hover {
  opacity: 0.8;
}