@font-face {
  font-family: "Garamond Pro Bold";
  src: url("../fonts/Garamond Pro Bold Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Garamond Pro Bold";
  src: url("../fonts/Garamond Pro Bold.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Garamond Pro";
  src: url("../fonts/Garamond Pro Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Garamond Pro";
  src: url("../fonts/Garamond Pro Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Garamond Pro Semibold";
  src: url("../fonts/Garamond Pro Semibold Italic.otf") format("opentype");
  font-weight: 400;
  font-style: italic;
}

@font-face {
  font-family: "Garamond Pro Semibold";
  src: url("../fonts/Garamond Pro Semibold.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
}

:root {
  --paper: #f6f1e7;
  --ink: #2a221c;
  --muted: #6f655d;
  --line: rgba(42, 34, 28, 0.16);
  --panel: #ddd0bb;
  --panel-2: #e9dfd0;
  --max-width: 1280px;
  --radius: 24px;
  --shadow: 0 18px 50px rgba(42, 34, 28, 0.06);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  font-family: "Garamond Pro", serif;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.17;
  background-image: url("../images/sky_texture_background.jpg");
  background-size: cover;
}

a {
  color: inherit;
}