fix: on some devices text is dark (#1)

src/index.css

@@ -2,6 +2,7 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
 :root {
   --rosewater: #f5e0dc;
   --flamingo: #f2cdcd;
@@ -30,9 +31,11 @@
   --mantle: #181825;
   --crust: #11111b;
 }
+
 .mauve {
   color: var(--mauve)
 }
+
 .text-highlight {
   color: var(--mauve);
   /* color: linear-gradient(var(--mauve), var(--mantle); */
@@ -41,11 +44,13 @@
   @apply ease-in duration-500;
 
 }
+
 .text-highlight:hover {
   background: linear-gradient(var(--mauve), var(--yellow));
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }
+
 body {
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
@@ -53,6 +58,7 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
+  color: var(--text);
 }
 
 code {