.fallback-demo {
  padding: 15px;
  margin: 10px 0;
  border-radius: 6px;
}

.fallback-demo:nth-child(1) {
  /* Using defined variable */
  --demo-fallback-color: #3498db;
  background: var(--demo-fallback-color, #e74c3c);
  color: white;
}

.fallback-demo:nth-child(2) {
  /* Using fallback (variable not defined) */
  background: var(--undefined-variable, linear-gradient(45deg, #ff6b6b, #4ecdc4));
  color: white;
}

.fallback-demo:nth-child(3) {
  /* Multiple fallbacks */
  font-size: var(--huge-text, var(--large-text, var(--medium-text, 18px)));
  background: var(--special-bg, #f39c12);
  color: white;
  padding: var(--custom-padding, calc(1rem + 5px));
}