tweak colors to be wcag compliant

Author: andnorda

src/lib/Brukere.svelte

@@ -41,8 +41,8 @@
 	.section::after {
 		background: linear-gradient(
 			to right,
-			color-mix(in srgb, var(--color-spectrum-4) 24.3%, transparent),
-			color-mix(in srgb, var(--color-spectrum-5) 14.5%, transparent)
+			color-mix(in srgb, var(--color-spectrum-4) 11%, transparent),
+			color-mix(in srgb, var(--color-spectrum-5) 11%, transparent)
 		);
 	}
 	.users {

src/lib/Glances.svelte

@@ -80,8 +80,8 @@
 	.glances::after {
 		background: linear-gradient(
 			to right,
-			color-mix(in srgb, var(--color-spectrum-1) 11.4%, transparent),
-			color-mix(in srgb, var(--color-spectrum-2) 10%, transparent)
+			color-mix(in srgb, var(--color-spectrum-1) 11%, transparent),
+			color-mix(in srgb, var(--color-spectrum-2) 11%, transparent)
 		);
 	}
 </style>

src/lib/Header.svelte

@@ -90,17 +90,17 @@
 		transform: translate(-75%, -60%);
 		background: linear-gradient(
 			to right,
-			color-mix(in srgb, var(--color-spectrum-1) 31%, transparent),
-			color-mix(in srgb, var(--color-spectrum-2) 29.4%, transparent),
-			color-mix(in srgb, var(--color-spectrum-3) 25%, transparent)
+			color-mix(in srgb, var(--color-spectrum-1) 14%, transparent),
+			color-mix(in srgb, var(--color-spectrum-2) 14%, transparent),
+			color-mix(in srgb, var(--color-spectrum-3) 14%, transparent)
 		);
 	}
 	.header::after {
 		transform: translate(0, -60%);
 		background: linear-gradient(
 			to right,
-			color-mix(in srgb, var(--color-spectrum-4) 20.8%, transparent),
-			color-mix(in srgb, var(--color-spectrum-5) 14.5%, transparent)
+			color-mix(in srgb, var(--color-spectrum-4) 14%, transparent),
+			color-mix(in srgb, var(--color-spectrum-5) 14%, transparent)
 		);
 	}
 	.home {
@@ -156,7 +156,7 @@
 	.main-menu-list {
 		margin: 0;
 		list-style: none;
-		padding: 0;
+		padding: 0.5rem 2rem;
 		display: flex;
 		flex-direction: column;
 		gap: 0.5rem;

src/styles/app.css

@@ -2,14 +2,14 @@
 @import "./advent.css";
 
 :root {
-	--color-primary: #ff4d89;
+	--color-primary: #ff3377;
 	--color-black: #222;
 	--content-max-width: 1424px;
 
 	--color-spectrum-1: #ff9100;
 	--color-spectrum-2: #f76891;
 	--color-spectrum-3: #6200ff;
-	--color-spectrum-4: #3381a5;
+	--color-spectrum-4: #5cb2da;
 	--color-spectrum-5: #6ee5c1;
 }
 body {