:root {
  --cc-pink: #ff6f91;
  --cc-orange: #ff9671;
  --cc-yellow: #ffc75f;
  --cc-blue: #4d96ff;
  --cc-green: #5bb974;
}

body {
  background-image:
    radial-gradient(circle at top left, rgba(255, 111, 145, 0.16), transparent 22rem),
    radial-gradient(circle at top right, rgba(77, 150, 255, 0.14), transparent 20rem),
    linear-gradient(180deg, rgba(255, 199, 95, 0.08), transparent 22rem);
}

html.dark body {
  background-image:
    radial-gradient(circle at top left, rgba(255, 111, 145, 0.1), transparent 24rem),
    radial-gradient(circle at top right, rgba(91, 185, 116, 0.12), transparent 20rem);
}

.card {
  border-radius: 1.5rem;
  box-shadow: 0 18px 45px rgba(32, 44, 70, 0.08);
}

.prose a,
a.link {
  text-decoration-thickness: 0.12em;
  text-underline-offset: 0.18em;
}

.tag,
.badge {
  border-radius: 999px;
}

::selection {
  background: rgba(255, 111, 145, 0.28);
}