feat(main): Add base theme: This is the falcon theme out of the box.

This is falcon v3.1.2

_dev/css/theme/base/_base.scss

@@ -0,0 +1,39 @@
+body,
+html {
+  height: 100%;
+}
+
+body {
+  direction: ltr;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+ul {
+  padding-left: 0;
+  list-style: none;
+}
+
+input,
+textarea {
+  &::placeholder {
+    color: $gray-600;
+  }
+
+  &:active {
+    &::placeholder {
+      color: $gray-900;
+    }
+  }
+}
+
+
+input[type="number"] {
+  appearance: textfield;
+
+  &::-webkit-outer-spin-button,
+  &::-webkit-inner-spin-button {
+    margin: 0;
+    appearance: none;
+  }
+}

_dev/css/theme/base/_fonts.scss

@@ -0,0 +1,92 @@
+$material-design-icons-font-directory-path: '~material-design-icons-iconfont/dist/fonts/';
+@import '~material-design-icons-iconfont/src/material-design-icons';
+
+@import "../../fonts/icomoon/style";
+
+%abstract-icon {
+
+  width: 1em;
+  height: 1em;
+
+  /* use !important to prevent issues with browser extensions that change fonts */
+
+  /* stylelint-disable */
+  font-family: $icomoon-font-family !important;
+  /* stylelint-enable */
+  font-style: normal;
+  font-weight: 400;
+  font-variant: normal;
+  line-height: 1;
+  text-transform: none;
+  speak: none;
+
+  /* Better Font Rendering =========== */
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+
+.material-icons {
+  display: inline-block;
+  /* stylelint-disable */
+  font-family: "Material Icons";
+  /* stylelint-enable */
+  font-size: 24px;  /* Preferred icon size */
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1;
+  text-transform: none;
+  letter-spacing: normal;
+  word-wrap: normal;
+  white-space: nowrap;
+  direction: ltr;
+
+  /* Support for all WebKit browsers. */
+  -webkit-font-smoothing: antialiased;
+
+  /* Support for Safari and Chrome. */
+  text-rendering: optimizeLegibility;
+
+  /* Support for Firefox. */
+  -moz-osx-font-smoothing: grayscale;
+
+  /* Support for IE. */
+  font-feature-settings: "liga";
+}
+
+/* roboto-regular - latin-ext_latin */
+@font-face {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./fonts/roboto-v20-latin-ext_latin-regular.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-regular.woff") format("woff");
+}
+
+/* roboto-500 - latin-ext_latin */
+@font-face {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 500;
+  font-display: swap;
+  src: url("./fonts/roboto-v20-latin-ext_latin-500.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-500.woff") format("woff");
+}
+
+/* roboto-italic - latin-ext_latin */
+@font-face {
+  font-family: Roboto;
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url("./fonts/roboto-v20-latin-ext_latin-italic.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-italic.woff") format("woff");
+}
+
+/* roboto-700 - latin-ext_latin */
+@font-face {
+  font-family: Roboto;
+  font-style: normal;
+  font-weight: 700;
+  font-display: swap;
+  src: url("./fonts/roboto-v20-latin-ext_latin-700.woff2") format("woff2"), url("./fonts/roboto-v20-latin-ext_latin-700.woff") format("woff");
+}
+

_dev/css/theme/base/_index.scss

@@ -0,0 +1,3 @@
+@import "base";
+@import "fonts";
+@import "typography";

_dev/css/theme/base/_typography.scss

@@ -0,0 +1,5 @@
+label,
+.label {
+  color: $gray-900;
+}
+