@font-face {
  font-family: "Libre Baskerville";
  src: url("../assets/fonts/LibreBaskerville-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Libre Baskerville";
  src: url("../assets/fonts/LibreBaskerville-Italic.ttf") format("truetype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "Libre Baskerville";
  src: url("../assets/fonts/LibreBaskerville-Medium.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

@font-face {
  font-family: "Libre Baskerville";
  src: url("../assets/fonts/LibreBaskerville-SemiBold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
}

@font-face {
  font-family: "Libre Baskerville";
  src: url("../assets/fonts/LibreBaskerville-Bold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

:root {
  color-scheme: dark;
  --black: #080808;
  --surface: #11100f;
  --primary: #f4f1eb;
  --secondary: #b8b2aa;
  --tertiary: #79736d;
  --gold: #d8bd8e;
  --line: rgba(244, 241, 235, 0.15);
  --serif: "Libre Baskerville", "Iowan Old Style", Baskerville, "Times New Roman", serif;
  --sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --page-width: 76rem;
  --page-pad: clamp(1.25rem, 4vw, 4rem);
}