:root {
  --exercise-demo-accent: #22d3ee;
  --exercise-demo-success: #22c55e;
}

[data-theme="light"] .exercise-demo-panel,
html.light .exercise-demo-panel,
body.light .exercise-demo-panel {
  color: #0f172a;
  background:
    linear-gradient(145deg, rgba(248, 250, 252, 0.98), rgba(226, 232, 240, 0.98)),
    #f8fafc;
}

[data-theme="light"] .exercise-demo-copy p,
html.light .exercise-demo-copy p,
body.light .exercise-demo-copy p {
  color: #475569;
}