@font-face {
  font-family: "Fraunces";
  src: url("../assets/fonts/Fraunces-Latin-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "DM Sans";
  src: url("../assets/fonts/DMSans-Latin-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  color-scheme: light;
  --paper: #f8f1e7;
  --paper-deep: #eee4d7;
  --paper-light: #fffaf3;
  --taupe: #d7c6b8;
  --walnut: #6b4f3a;
  --brass: #c9a96b;
  --charcoal: #2e2e2e;
  --brick: #9d5540;
  --muted: #70665d;
  --line: #d8cbbd;
  --ink-deep: #2d1c10;
  --ink-warm: #3b2b21;
  --text-soft: #8a6b52;
  --panel-cream: #eadcc8;
  --editorial-paper-top: #ead1b3;
  --editorial-paper-top-rgb: 234 209 179;
  --editorial-paper-bottom: #f8eedf;
  --wood-neutral: #a7825f;
  --map-neutral: #e2cda9;
  --paper-rgb: 248 241 231;
  --paper-light-rgb: 255 250 243;
  --charcoal-rgb: 46 46 46;
  --dark-rgb: 28 20 14;
  --display: "Fraunces", Georgia, serif;
  --body: "DM Sans", "Helvetica Neue", sans-serif;
  --text-xs: 0.72rem;
  --text-sm: 0.84rem;
  --text-base: 1rem;
  --text-lg: 1.22rem;
  --title-sm: clamp(2rem, 3.2vw, 3rem);
  --title-md: clamp(2.75rem, 5vw, 5rem);
  --title-lg: clamp(3.5rem, 7.2vw, 7.4rem);
  --leading-tight: 0.98;
  --leading-copy: 1.62;
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-6: 4.5rem;
  --container: 1320px;
  --container-narrow: 1040px;
  --page-gutter: clamp(1.1rem, 4.2vw, 4.25rem);
  --radius: 6px;
  --radius-pill: 999px;
  --shadow-soft: 0 12px 38px rgb(62 43 28 / 9%);
  --ease-gentle: cubic-bezier(0.2, 0.65, 0.3, 1);
  --duration-short: 180ms;
  --duration-medium: 300ms;
  --focus-ring: 0 0 0 3px var(--paper), 0 0 0 6px var(--walnut);
}