:root {
  color-scheme: light;
  --ink: #172033;
  --paper: #fffaf0;
  --mint: #94e8c8;
  --coral: #ff8a7a;
  --sky: #8cc8ff;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
}

body {
  margin: 0;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
  color: var(--ink);
  background:
    radial-gradient(circle at 18% 20%, rgb(148 232 200 / 0.7), transparent 26rem),
    radial-gradient(circle at 82% 28%, rgb(255 138 122 / 0.55), transparent 24rem),
    radial-gradient(circle at 50% 90%, rgb(140 200 255 / 0.65), transparent 28rem),
    var(--paper);
}

.stage {
  min-height: 100svh;
  display: grid;
  place-items: center;
  padding: 2rem;
}

h1 {
  margin: 0;
  font-size: clamp(3.5rem, 12vw, 9rem);
  line-height: 0.95;
  letter-spacing: 0;
  text-align: center;
  text-wrap: balance;
  text-shadow: 0.06em 0.06em 0 rgb(255 255 255 / 0.8);
}