@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Outfit:wght@400..800&display=swap');

:root {
  --font-display: 'Bricolage Grotesque', ui-rounded, 'SF Pro Rounded', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: 'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

body, input, button, select, textarea {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, .display, [data-display] {
  font-family: var(--font-display);
  font-feature-settings: 'ss01' on, 'ss02' on;
  letter-spacing: -0.02em;
}