initial tool setup and basic styles

src/app/globals.css

@@ -1,42 +1,8 @@
-:root {
-  --background: #ffffff;
-  --foreground: #171717;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
-html,
-body {
-  max-width: 100vw;
-  overflow-x: hidden;
-}
-
-body {
-  color: var(--foreground);
-  background: var(--background);
-  font-family: Arial, Helvetica, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-* {
-  box-sizing: border-box;
-  padding: 0;
-  margin: 0;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
-@media (prefers-color-scheme: dark) {
-  html {
-    color-scheme: dark;
-  }
-}
+@import url('../styles/base/variables.css');
+@import url('../styles/base/typography.css');
+@import url('../styles/base/lists.css');
+@import url('../styles/base/tables.css');
+@import url('../styles/base/inline.css');
+@import url('../styles/base/form.css');
+@import url('../styles/base/keyframes.css');
+@import url('../styles/base/helpers.css');