styled scollbars

lets see how this one lands

src/styles/globals.css

@@ -11,4 +11,31 @@
 
 body {
   font-family: Manrope, "Manrope-Fallback", Arial, sans-serif;
+  overflow: overlay;
+}
+
+.light body::-webkit-scrollbar {
+  width: 0.75em;
+}
+
+.light body::-webkit-scrollbar-track {
+  background-color: rgb(var(--color-200));
+}
+
+.light body::-webkit-scrollbar-thumb {
+  background-color: rgb(var(--color-300));
+  border-radius: 0.25em;
+}
+
+.dark body::-webkit-scrollbar {
+  width: 0.75em;
+}
+
+.dark body::-webkit-scrollbar-track {
+  background-color: rgb(var(--color-700));
+}
+
+.dark body::-webkit-scrollbar-thumb {
+  background-color: rgb(var(--color-600));
+  border-radius: 0.25em;
 }