:root {
  --font-ui: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-display: 'Fraunces', 'Iowan Old Style', 'Palatino Linotype', serif;
  --font-mono: 'IBM Plex Mono', 'SFMono-Regular', ui-monospace, monospace;
}

html {
  text-rendering: optimizeLegibility;
}

body {
  font-family: var(--font-ui);
  font-feature-settings: 'liga' 1, 'calt' 1;
}

h1,
h2,
h3,
h4 {
  font-family: var(--font-display);
  font-optical-sizing: auto;
  text-wrap: balance;
}

h1,
h2 {
  letter-spacing: -0.045em;
}

h3,
h4 {
  letter-spacing: -0.035em;
}

p,
li {
  text-wrap: pretty;
}

code,
pre,
.font-mono {
  font-family: var(--font-mono);
}