@font-face {
  font-family: Marcellus;
  src: url("/fonts/marcellus.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url("/fonts/manrope-400.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url("/fonts/manrope-600.ttf") format("truetype");
  font-style: normal;
  font-weight: 500 600;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url("/fonts/manrope-700.ttf") format("truetype");
  font-style: normal;
  font-weight: 700 800;
  font-display: swap;
}
:root {
  --paper: #ffffff;
  --ink: #26372f;
  --muted: #606b62;
  --gold: #826028;
  --gold-deep: #70501e;
  --gold-hover: #594019;
  --on-gold: #ffffff;
  --line: #e1e5de;
  --control-line: #899380;
  --wash: #f4f6f0;
  --selection: #ecddb9;
  --header: rgb(255 255 255 / .96);
  --footer: #f8f9f6;
  --brand-filter: brightness(0) saturate(100%) invert(35%) sepia(26%) saturate(1158%) hue-rotate(358deg) brightness(91%) contrast(89%);
  --display: Marcellus,Georgia,serif;
  --body: Manrope,system-ui,sans-serif;
  color-scheme: light;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--body);
  font-synthesis: none;
  scroll-behavior: smooth;
  scrollbar-color: var(--control-line) var(--paper);
}