Use system-ui font family

Author: smnandre

ux.symfony.com/assets/styles/app/_html.scss

@@ -1,5 +1,5 @@
 body {
-  font-family: Inter;
+  font-family: var(--font-family-text);
   font-size: 16px;
   font-weight: 400;
   line-height: 26px;

ux.symfony.com/assets/styles/app/_root.scss

@@ -14,9 +14,7 @@
   --space-larger: 2rem;
 
   // Fonts
-  //  --font-family-title: "Inter";
-  --font-family-text: "Inter";
-  // --font-family-code: "Inter";
+  --font-family-text: system-ui, sans-serif;
 
   // Colors
   --color-primary: var(--bs-body-color);

ux.symfony.com/assets/styles/app/_typography.scss

@@ -5,14 +5,6 @@ h1 {
   letter-spacing: -0.035em;
 }
 
-h1.inter {
-  font-family: Inter;
-  font-size: 16px;
-  font-weight: 700;
-  line-height: 26px;
-  letter-spacing: 0px;
-}
-
 h1.ubuntu {
   line-height: 60px;
 }
@@ -89,7 +81,7 @@ h4.ubuntu {
 
 .eyebrows {
   text-transform: uppercase;
-  font-family: Inter;
+  font-family: var(--font-family-text);
   font-size: 0.7rem;
   font-weight: 600;
   line-height: 1.6;

ux.symfony.com/assets/styles/utilities/_info-tooltips.scss

@@ -1,5 +1,5 @@
 .info-tooltips {
-  font-family: Inter;
+  font-family: var(--font-family-text);
   font-size: 12px;
   font-weight: 400;
   line-height: 19px;

ux.symfony.com/templates/base.html.twig

@@ -12,7 +12,7 @@
         <meta name="color-scheme" content="light dark">
         <link rel="preconnect" href="https://fonts.googleapis.com" />
         {% block stylesheets %}
-            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Inter:200,400,600|Playfair+Display:400,700i|Space+Mono|Ubuntu:400,700&display=swap">
+            <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Playfair+Display:400,700i|Space+Mono|Ubuntu:400,700&display=swap">
             {{ ux_controller_link_tags() }}
             <link rel="stylesheet" href="{{ asset('styles/app.scss') }}">
         {% endblock %}