feat: add $semantic-root-element variable

scss/_variables.scss

@@ -32,6 +32,9 @@ $enable-transitions: true !default;
 // Enable overriding with !important
 $enable-important: true !default;
 
+// Set the root element for $enable-semantic-container and $enable-responsive-spacings
+$semantic-root-element: "body" !default;
+
 // Responsive
 // ––––––––––––––––––––
 

scss/layout/_sectioning.scss

@@ -17,7 +17,7 @@ main {
 // ––––––––––––––––––––
 
 // 1. Remove the margin in all browsers (opinionated)
-body {
+#{$semantic-root-element} {
   width: 100%;
   margin: 0; // 1
 

scss/themes/default/_styles.scss

@@ -74,10 +74,10 @@
 
 // Responsives spacings
 @if $enable-responsive-spacings {
-  // Sectionning
-  body > header,
-  body > main,
-  body > footer,
+  // Sectioning
+  #{$semantic-root-element} > header,
+  #{$semantic-root-element} > main,
+  #{$semantic-root-element} > footer,
   section {
     @if map-get($breakpoints, "sm") {
       @media (min-width: map-get($breakpoints, "sm")) {