@font-face {
  font-family: Fraunces;
  src: url("/fonts/fraunces-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Manrope;
  src: url("/fonts/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --ink: #123d43;
  --deep: #082d33;
  --paper: #f5f3eb;
  --white: #fffdf7;
  --aqua: #b3e3dd;
  --coral: #a9473d;
  --muted: #526d70;
  --line: #123d4330;
  --surface-coast: #e7ede5;
  --surface-selected: #f5f3eb;
  --on-marine: #c0d5d3;
  --field-surface: #1a454b;
  --field-line: #76999c;
  --field-placeholder: #b2ccca;
  --error: #ffb8a7;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;
  --space-7: 64px;
  --text-caption: 0.75rem;
  --text-label: 0.875rem;
  --text-body: 1rem;
  --radius-control: 4px;
  --shadow-floating: 0 2px 6px #082d3314, 0 8px 24px #082d3324;
  --display: Fraunces, Georgia, serif;
  --body: Manrope, Arial, sans-serif;
  --gutter: clamp(24px, 5vw, 88px);
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}