:root,
[data-theme="dark"] {
  --page-background: #101719;
  --page-background-halo: #173A43;
}

[data-theme="light"] {
  --page-background: #F4F7F6;
  --page-background-halo: #DDEFF3;
}

[data-theme="gray"] {
  --page-background: #363A3C;
  --page-background-halo: #315F6C;
}

body {
  background-color: var(--page-background);
  background-image: radial-gradient(
    circle at 15% 0,
    var(--page-background-halo),
    var(--page-background) 48%
  );
  background-attachment: fixed;
}