Exporting base styles

src/_maketheme.scss

@@ -1,18 +1,7 @@
 @import "./_vals.scss";
 
-@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
-
 $background:false !default;
 $on-background:false !default;
-$primary: var(--primary) !default;
-$on-primary: var(--on-primary) !default;
-
-$secondary: var(--secondary) !default;
-$on-secondary: var(--on-secondary) !default;
-
-$error: var(--error) !default;
-$on-error: var(--on-error) !default;
-
 $button-color: #CCCCCC !default;
 
 @if $background==false or $on-background==false {
@@ -24,26 +13,10 @@ $button-color: #CCCCCC !default;
     --on-background: #{$on-background};
 }
 
-$default-font-size: 1rem;
-
 .background-default {
     background: $background;
 }
 
-* {
-    box-sizing: border-box;
-    font-family: 'Roboto', sans-serif;
-    font-size: $default-font-size;
-}
-
-html,
-body {
-    background: $background;
-    color: $on-background;
-    margin: 0;
-    min-height: 100vh;
-    min-width: 100vw;
-}
 
 @each $dp in $elevations {
     .elv-#{$dp} {
@@ -51,17 +24,6 @@ body {
     }
 }
 
-.margin {
-    margin-bottom: 1.5rem;
-}
-
-.container {
-    box-sizing: content-box;
-    padding-left: 1rem;
-    padding-right: 1rem;
-    margin: 0 auto;
-    max-width: 50rem;
-}
 
 @function darken-brighten-color($color, $val) {
     @if (lightness($color) > 50) {
@@ -73,9 +35,10 @@ body {
     }
 }
 
-@import "./_btn.scss";
-@import "./_modal.scss";
-@import "./_input.scss";
-@import "./_list.scss";
-@import "./_header.scss";
-@import "./_card.scss";
+@import "./theme/_global.scss";
+@import "./theme/_btn.scss";
+@import "./theme/_modal.scss";
+@import "./theme/_input.scss";
+@import "./theme/_list.scss";
+@import "./theme/_header.scss";
+@import "./theme/_card.scss";