feat(body): fix body tokens ; align with Docus

Author: Tahul

assets/main.css

@@ -1,9 +1,6 @@
-html {
-  background-color: $dt('color.gray.100');
-}
-
-html.dark {
-  background-color: $dt('color.gray.900');
+body {
+  background-color: $dt('alpine.body.backgroundColor');
+  color: $dt('alpine.body.color');
 }
 
 /* Color scheme images helper classes */

tokens.config.ts

@@ -9,6 +9,16 @@ export default defineTheme({
         '@studio-icon carbon:blog'
       ]
     },
+    body: {
+      backgroundColor: {
+        initial: '{color.white}',
+        dark: '{color.black}'
+      },
+      color: {
+        initial: '{color.gray.800}',
+        dark: '{color.gray.200}'
+      }
+    },
     backdrop: {
       backgroundColor: {
         initial: '#f4f4f5b3', // TODO: rgba({color.gray.100}, 0.7)