:root {
  --color-cream: #f4efe1;
  --color-slate: #2b3f4e;
  --color-slate-dark: #213240;
  --color-olive: #5e6b4c;
  --color-text: #1f1f1f;
  --color-text-muted: #5a5a5a;
  --color-white: #ffffff;
  --color-border: #e6e1d2;
  --font-serif: 'Merriweather', Georgia, serif;
  --font-sans: 'Inter', system-ui, -apple-system, sans-serif;
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-sans);
  color: var(--color-text);
  background: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

button {
  font-family: inherit;
  cursor: pointer;
}