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

:root {
  --cream: #F7F4EF;
  --warm-white: #FDFCFA;
  --ink: #1C1A17;
  --ink-soft: #5A5650;
  --ink-faint: #A09C95;
  --gold: #B8975A;
  --border: #E4DFD8;
  --shadow: rgba(28, 26, 23, 0.07);
}

html, body {
  height: 100%;
  background: var(--cream);
  color: var(--ink);
  font-family: 'Jost', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

[x-cloak] {
  display: none !important;
}