Fix light-blue naming

components/OrganizedContent.module.css

@@ -49,7 +49,7 @@
 }
 
 .selected {
-  background-color: var(--primary-accent-dim);
+  background-color: var(--primary-accent-lightest);
   color: var(--primary-accent);
   font-weight: 700;
 }
@@ -144,7 +144,7 @@
     height: calc(57rem / 16);
     cursor: pointer;
     z-index: 10;
-    background: var(--light-blue-2);
+    background: var(--primary-accent-light);
     border-radius: calc(5rem / 16);
     transition: transform 0.3s ease-in-out;
     transform: translateY(calc(94rem / 16));
@@ -181,7 +181,7 @@
   .nav {
     margin: 0;
     overflow-y: auto;
-    background: var(--light-blue-1);
+    background: var(--primary-accent-lighter);
     width: 90%;
   }
 

components/Theme.tsx

@@ -22,7 +22,8 @@ export const PALETTE_NAMES = [
   "--primary-accent",
   "--primary-accent-soft",
   "--primary-accent-light",
-  "--primary-accent-dim",
+  "--primary-accent-lighter",
+  "--primary-accent-lightest",
 
   "--secondary-accent",
   "--secondary-accent-light",

next-env.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="next" />
-/// <reference types="next/types/global" />
-/// <reference types="next/image-types/global" />
+/// <reference types="next" />
+/// <reference types="next/types/global" />
+/// <reference types="next/image-types/global" />

pages/_app.css

@@ -10,10 +10,8 @@ body {
   --primary-accent: #1482e3;
   --primary-accent-soft: #5caff9;
   --primary-accent-light: #c4e0f8;
-  --primary-accent-dim: #f7fbff;
-
-  --light-blue-1: #E1EEFA;
-  --light-blue-2: #C0E1FE;
+  --primary-accent-lighter: #e1eefa;
+  --primary-accent-lightest: #f7fbff;
 
   --secondary-accent: #4ed4b2;
   --secondary-accent-light: #dcf6f0;