:root {
  --container: 1440px;
  --container-wide: 1520px;
  --container-reading: 1180px;
  --blue-950: #191D22;
  --blue-900: #191D22;
  --blue-850: #252A30;
  --yellow: #D5222A;
  --yellow-strong: #D5222A;
  --ink: #191D22;
  --muted: #72757B;
  --line: #E5DED6;
  --surface: #FFFFFF;
  --page: #F7F1E8;
}

* {
  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%;
}