:root {
  --color-ivory: #f4efe6;
  --color-ivory-deep: #e9e1d3;
  --color-charcoal: #2b2a28;
  --color-charcoal-soft: #3a3835;
  --color-brown: #4a3426;
  --color-line-light: rgba(244, 239, 230, 0.28);
  --color-line-dark: rgba(43, 42, 40, 0.22);
  --color-muted-on-dark: rgba(244, 239, 230, 0.72);
  --color-muted-on-light: rgba(43, 42, 40, 0.68);

  --font-display: "Bodoni Moda", "Shippori Mincho", serif;
  --font-serif: "Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;
  --font-sans: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", sans-serif;

  --header-height: 56px;
  --gutter: 20px;
  --scene-space: 96px;
  --ease-out: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (min-width: 768px) {
  :root {
    --header-height: 64px;
    --gutter: 48px;
    --scene-space: 168px;
  }
}