:root {
  --background: #ffffff;
  --text: #42444a;
  --link: #0d88d8;
  --link-hover: #101115;
  --accent-1: #f6f6f6;
  --accent-2: #d4d4d6;
  --accent-3: #93959a;
  --highlight: #e3e3e6;
  --site-width: 64rem;
  --header-width: 94rem;
  --photos-wide: 120rem;
}
@media (prefers-color-scheme: dark) {
  :root {
    --background: #282c35;
    --text: #f7f7f7;
    --link: #45c8f7;
    --link-hover: #ffffff;
    --accent-1: #3d4149;
    --accent-2: #53565d;
    --accent-3: #d4d4d6;
    --highlight: #53565d;
  }
}

.u-photo {
	width: 5.6rem;
}
.site-tile {
	font-size: 4.6rem;
}