:root {
  --sample-title: "NASA Blue Marble 2012 East";
  --sample-hue: 10;
  --sample-color: hsl(10 62% 48%);
}

.sample-card {
  border: 1px solid hsl(var(--sample-hue) 35% 72%);
  color: #1f2937;
  background: hsl(var(--sample-hue) 88% 96%);
  padding: 22px;
}