Basic setup, launch config and layout

app/assets/stylesheets/application.bootstrap.scss

@@ -1,2 +1,31 @@
+@font-face {
+  font-family: 'Lexend';
+  src: url('Lexend-VariableFont_wght.ttf');
+  font-display: swap;
+ }
+
+$font-family-sans-serif:
+  Lexend,
+  // Cross-platform generic font family (default user interface font)
+  system-ui,
+  // Safari for macOS and iOS (San Francisco)
+  -apple-system,
+  // Windows
+  "Segoe UI",
+  // Android
+  Roboto,
+  // Basic web fallback
+  "Helvetica Neue", Arial,
+  // Linux
+  "Noto Sans",
+  "Liberation Sans",
+  // Sans serif fallback
+  sans-serif,
+  // Emoji fonts
+  "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+
+$primary: #0074d9;
+$danger: #ff4136;
+
 @import 'bootstrap/scss/bootstrap';
 @import 'bootstrap-icons/font/bootstrap-icons';