*,
*::before,
*::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --kite-ink: #0c0c0c;
  --kite-paper: #f7f7f5;
  --kite-blue: #2457ff;
  --kite-font: "Syne", sans-serif;
  --kite-gutter: clamp(1.25rem, 3vw, 2.5rem);
}

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

body {
  min-height: 100dvh;
  font-family: var(--kite-font);
  color: var(--kite-ink);
  background: var(--kite-paper);
  transition: background-color 0.55s ease, color 0.55s ease;
}