@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("../assets/fonts/montserrat-latin.woff2") format("woff2");
}

@font-face {
  font-family: "Playfair Display";
  font-style: normal;
  font-weight: 400 500;
  font-display: swap;
  src: url("../assets/fonts/playfair-display-latin.woff2") format("woff2");
}

:root {
  --color-ink: #0a0a0a;
  --color-ivory: #f8f5ee;
  --color-sand: #d9c9b8;
  --color-stone: #b7b7b7;
  --color-white: #ffffff;
  --color-muted: #66615e;
  --color-line: #dedbd5;
  --font-display: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-ui: "Montserrat", Arial, Helvetica, sans-serif;
  --container-max: 1280px;
  --gutter-mobile: 16px;
  --gutter-desktop: 48px;
  --gutter: var(--gutter-mobile);
}