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

This is falcon v3.1.2

falcon/_dev/css/theme/layout/_footer.scss

@@ -0,0 +1,13 @@
+@use "sass:map";
+
+.l-footer {
+  padding-top: map.get($spacers, 5);
+  margin-top: auto;
+}
+
+.footer-container {
+  padding-top: map.get($spacers, 5);
+  padding-bottom: map.get($spacers, 2);
+  margin-top: map.get($spacers, 5);
+  background: $gray-100;
+}

falcon/_dev/css/theme/layout/_header.scss

@@ -0,0 +1,73 @@
+@use "sass:map";
+/* HEADER STYLES */
+
+.l-header {
+  margin: 0 0 map.get($spacers, 3);
+}
+
+.header-top {
+  background: $white;
+  border-bottom: 1px solid $border-color;
+
+  &__row {
+    flex-wrap: nowrap;
+    align-items: center;
+    @include media-breakpoint-up(md) {
+      flex-wrap: wrap;
+    }
+
+  }
+
+  &__link {
+    display: block;
+    padding: map.get($spacers, 1);
+    color: $gray-700;
+    text-decoration: none;
+    border-radius: $border-radius;
+
+    @include media-breakpoint-up(sm) {
+      padding: map.get($spacers, 2);
+    }
+
+    @include hover-focus() {
+      color: $black;
+      text-decoration: none;
+      background: $gray-100;
+    }
+  }
+
+  &__icon-container {
+    position: relative;
+  }
+
+  &__icon {
+    display: block;
+    font-size: rem-calc(26px);
+    @include media-breakpoint-up(sm) {
+      font-size: rem-calc(32px);
+    }
+  }
+
+  &__badge {
+    position: absolute;
+    top: -0.5em;
+    right: -0.2em;
+    width: 2em;
+    height: 2em;
+    font-size: rem-calc(8px);
+    font-weight: 700;
+    line-height: 2em;
+    color: $white;
+    text-align: center;
+    background: $primary;
+    border-radius: 50%;
+  }
+
+  &__block {
+    &--search {
+      @include media-breakpoint-down(sm) {
+        flex-grow: 0;
+      }
+    }
+  }
+}

falcon/_dev/css/theme/layout/_index.scss

@@ -0,0 +1,3 @@
+@import "footer";
+@import "header";
+@import "main";

falcon/_dev/css/theme/layout/_main.scss

@@ -0,0 +1,5 @@
+.l-main {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}