Prep build setup for stack

web-app/src/index.css

@@ -2,28 +2,32 @@
 @tailwind components;
 @tailwind utilities;
 
-.light {
-  --paragraph: 16, 17, 20;
-  --background: 229, 230, 240;
-  --primary: 41, 49, 97;
-  --secondary: 122, 137, 220;
-  --accent: 32, 55, 203;
-  background: rgba(var(--background));
-}
-.dark {
-  --paragraph: 235, 236, 239;
-  --background: 15, 16, 26;
-  --primary: 158, 166, 214;
-  --secondary: 35, 50, 133;
-  --accent: 52, 75, 223;
-  background: rgba(var(--background));
+:root {
+  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+  line-height: 1.5;
+  font-weight: 400;
+  color-scheme: dark;
+  color: rgba(255, 255, 255, 0.87);
+  background-color: #242424;
+  font-synthesis: none;
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
 }
 
 body {
   margin: 0;
-  font-family:
-    -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
-    "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
+  display: flex;
+  place-items: center;
+  min-width: 320px;
+  min-height: 100vh;
+}
+
+#root {
+  width: 100%;
+  margin: 0;
+}
+
+code {
+  font-family: ui-monospace, SFMono-Regular, "SF Mono", Consolas, "Liberation Mono", Menlo, monospace;
 }