@import url('https://fonts.bunny.net/css?family=manrope:400,500,600,700,800|space-grotesk:500,700&display=swap');

:root {
  --autoset-font-stack: "Manrope", "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  --autoset-display-stack: "Space Grotesk", "Manrope", "Segoe UI", "Helvetica Neue", Arial, sans-serif;
  --bs-font-sans-serif: var(--autoset-font-stack);
  --bs-body-font-family: var(--autoset-font-stack);
}

html,
body {
  font-family: var(--autoset-font-stack) !important;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1,
h2,
h3,
h4,
h5,
h6,
.card-title,
.page-title,
.app-brand-text,
.fx-footer-brand,
.fx-auth-display,
.fx-hero h1,
.fx-section-head h2 {
  font-family: var(--autoset-display-stack) !important;
}

.menu-text,
.btn,
.form-label {
  font-family: var(--autoset-font-stack) !important;
}