@font-face {
  font-family: "Gardens";
  src: url("/static/fonts/GardensC.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geometrica";
  src: url("/static/fonts/Geometria-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Geometrica";
  src: url("/static/fonts/Geometria-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --cream: #FFFAF0;
  --cream-2: #FBF3E3;
  --sand: #F3E9D6;
  --sand-2: #EADFC8;
  --ink: #211F1A;
  --ink-2: #57524A;
  --ink-3: #7A7468;
  --hair: rgba(47, 41, 30, .12);
  --hair-2: rgba(47, 41, 30, .22);
  --green: #487145;
  --forest: #1C3223;
  --forest-2: #315F39;
  --grad: linear-gradient(135deg, #1C3223 0%, #315F39 100%);
  --gold: #BE9646;
  --gold-ink: #86662A;
  --gold-soft: #E9D8AE;
  --danger: #A2432F;
  --on-dark: #F6EEDD;
  --on-dark-2: rgba(246, 238, 221, .72);

  --font-display: "Gardens", "Georgia", serif;
  --font-body: "Geometrica", "Helvetica Neue", "Arial", sans-serif;

  --radius: 16px;
  --radius-img: 12px;
  --radius-input: 10px;
  --radius-pill: 999px;

  --wrap: 1320px;
  --gutter: clamp(16px, 3.6vw, 40px);
  --section: clamp(56px, 8vw, 104px);
  --header-h: 88px;

  --ease: cubic-bezier(.32, .72, 0, 1);
  --fast: 180ms;
  --mid: 320ms;
}