Bug 30952: Remove Poppins font, use Bootstrap 5 font stack instead

Issue #20

Signed-off-by: Martin Renvoize <martin.renvoize@ptfs-europe.com>
Signed-off-by: Owen Leonard <oleonard@myacpl.org>
Signed-off-by: Nick Clemens <nick@bywatersolutions.com>
Signed-off-by: Tomas Cohen Arazi <tomascohen@theke.io>

koha-tmpl/intranet-tmpl/prog/css/src/_variables.scss

@@ -1,2 +1,23 @@
 $green-text-color: #006100;
 $background-color-primary: #418940;
+
+// Copied from Bootstrap 5 without system-ui because of
+// https://infinnie.github.io/blog/2017/systemui.html
+$font-family-sans-serif:
+  // Safari for macOS and iOS (San Francisco)
+  -apple-system,
+  // Windows
+  "Segoe UI",
+  // Android
+  Roboto,
+  // older macOS and iOS
+  "Helvetica Neue",
+  // Linux
+  "Noto Sans",
+  "Liberation Sans",
+  // Basic web fallback
+  Arial,
+  // Sans serif fallback
+  sans-serif,
+  // Emoji fonts
+  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

koha-tmpl/intranet-tmpl/prog/css/src/staff-global.scss

@@ -485,7 +485,7 @@ main {
 }
 
 body {
-    font-family: "poppins", "Arial", "sans-serif";
+    font-family: $font-family-sans-serif;
     font-size: 13px;
     line-height: 1.22;
     padding: 0 0 4em;