/* Theme helpers */

.theme-transition {
  transition: background-color 160ms ease, color 160ms ease, border-color 160ms ease;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background:
    radial-gradient(900px 420px at 10% -10%, rgba(56, 189, 248, 0.12), transparent 60%),
    radial-gradient(700px 360px at 95% 0%, rgba(167, 139, 250, 0.08), transparent 55%);
}

[data-theme="light"] body::before {
  background:
    radial-gradient(900px 420px at 10% -10%, rgba(2, 132, 199, 0.08), transparent 60%),
    radial-gradient(700px 360px at 95% 0%, rgba(99, 102, 241, 0.06), transparent 55%);
}