:root {
  --container: 1440px;
  --container-wide: 1520px;
  --container-reading: 1180px;
  --blue-950: #021b43;
  --blue-900: #062f70;
  --blue-850: #073b89;
  --yellow: #ffb600;
  --yellow-strong: #ffc126;
  --ink: #121820;
  --muted: #697386;
  --line: rgba(6, 47, 112, 0.12);
  --surface: #ffffff;
  --page: #f7f6f2;
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: var(--page);
  color: var(--ink);
  font-family: Heebo, Assistant, Arial, Helvetica, sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
input {
  font: inherit;
}

img {
  display: block;
  max-width: 100%;
}