Fix bad lightmode colors

Author: GreenMan36

src/styles/main.css

@@ -19,11 +19,6 @@
   --clr-neutral-500: #3c3c3c;
   --clr-neutral-700: #2a2a2a;
   --clr-neutral-900: #1c1c1c;
-  --clr-neutral-200-light: #1c1c1c;
-  --clr-neutral-300-light: #2a2a2a;
-  --clr-neutral-500-light: #b3b3b3;
-  --clr-neutral-700-light: #e0e0e0;
-  --clr-neutral-900-light: #ffffff;
 
   --clr-accent: #00b4b8;
 
@@ -66,13 +61,16 @@
     color 0.3s ease;
 }
 
+/*------------------------------------*\
+  #ACCESSIBILITY/THEMING
+\*------------------------------------*/
 [data-theme="light"] {
-  --bg-primary: var(--clr-neutral-900-light);
-  --bg-secondary: var(--clr-neutral-700-light);
-  --text-primary: var(--clr-neutral-200-light);
-  --text-secondary: var(--clr-neutral-300-light);
-  --text-dark: var(--clr-neutral-900-light);
-  --border-color: var(--clr-neutral-500-light);
+  color-scheme: light;
+  --clr-neutral-200: hsl(0, 0%, 10%);
+  --clr-neutral-300: hsl(0, 0%, 30%);
+  --clr-neutral-500: hsl(0, 0%, 85%);
+  --clr-neutral-700: hsl(0, 0%, 95%);
+  --clr-neutral-900: hsl(60, 25%, 98%);
 }
 
 /*------------------------------------*\
@@ -452,6 +450,7 @@ abbr {
 .categories {
   display: grid;
   background-color: var(--bg-secondary);
+  border: 1px solid var(--border-color);
   padding: 1.25rem;
   padding-bottom: 2rem;
   border-radius: var(--br-lg);