@font-face {
  font-family: Fraunces;
  font-style: normal;
  font-weight: 500 700;
  font-display: swap;
  src: url("/fonts/fraunces.woff2") format("woff2");
}
@font-face {
  font-family: Fraunces;
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/fraunces-italic.woff2") format("woff2");
}
@font-face {
  font-family: Outfit;
  font-style: normal;
  font-weight: 400 600;
  font-display: swap;
  src: url("/fonts/outfit.woff2") format("woff2");
}

:root {
  --paper: #F4EFE6;
  --ink: #1A1714;
  --accent: #C45C26;
  --paper-2: #E8E0D2;
  --ink-soft: rgba(26, 23, 20, 0.72);
}

html { scroll-behavior: smooth; }

body {
  background: var(--paper);
  color: var(--ink);
}

.hero-scrim {
  background:
    linear-gradient(180deg, rgba(26, 23, 20, 0.15) 0%, rgba(26, 23, 20, 0.55) 55%, rgba(26, 23, 20, 0.78) 100%);
}