@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/instrument-serif-regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Instrument Serif";
  src: url("/assets/fonts/instrument-serif-italic.ttf") format("truetype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-300.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-400.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "Inter";
  src: url("/assets/fonts/inter-500.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}

:root {
  --color-base: #f6f6f6;
  --color-nav: #ececec;
  --color-card: #e9e9e9;
  --color-ink: #000000;
  --color-paper: #eeeeee;
  --color-secondary: #7b7b7b;
  --color-muted: #a1a1a1;
  --color-rule: #d1d1d1;
  --color-accent: #005be4;
  --color-accent-on-dark: #5d9eff;
  --color-focus: #005be4;
  --font-display: "Instrument Serif", Georgia, serif;
  --font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --layout-shell: 1240px;
  --layout-content: 840px;
  --layout-founders: 1048px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --rule: 1px solid var(--color-rule);
  --ease-out: cubic-bezier(0.2, 0.65, 0.35, 1);
  --duration-fast: 150ms;
}