fix: improve text contrast in filter labels and update login button text

- Change login button text from "Log In" to "Login"
- Update filter labels (Kategorie, Icon, Tags, Saison, Favoriten) to use darker color (nord2) in light mode for better readability
- Improve placeholder text contrast in filter inputs by using lighter shade (nord4)
- Maintain light color scheme (nord6) for filter labels in dark mode

src/lib/components/CategoryFilter.svelte

@@ -83,12 +83,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;
@@ -122,7 +128,7 @@
 	}
 
 	input::placeholder {
-		color: var(--nord3);
+		color: var(--nord4);
 	}
 
 	input:hover {

src/lib/components/FavoritesFilter.svelte

@@ -44,12 +44,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;

src/lib/components/IconFilter.svelte

@@ -74,12 +74,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;
@@ -113,7 +119,7 @@
 	}
 
 	input::placeholder {
-		color: var(--nord3);
+		color: var(--nord4);
 		font-family: sans-serif;
 	}
 

src/lib/components/SeasonFilter.svelte

@@ -95,12 +95,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;
@@ -134,7 +140,7 @@
 	}
 
 	input::placeholder {
-		color: var(--nord3);
+		color: var(--nord4);
 	}
 
 	input:hover {

src/lib/components/TagFilter.svelte

@@ -85,12 +85,18 @@
 
 	.filter-label {
 		font-size: 0.9rem;
-		color: var(--nord6);
+		color: var(--nord2);
 		font-weight: 600;
 		margin-bottom: 0.25rem;
 		text-align: center;
 	}
 
+	@media (prefers-color-scheme: dark) {
+		.filter-label {
+			color: var(--nord6);
+		}
+	}
+
 	@media (max-width: 968px) {
 		.filter-label {
 			font-size: 0.85rem;
@@ -131,7 +137,7 @@
 	}
 
 	input::placeholder {
-		color: var(--nord3);
+		color: var(--nord4);
 	}
 
 	input:hover {

src/lib/components/UserHeader.svelte

@@ -147,5 +147,5 @@ h2 + p{
 		</div>
 	</button>
 {:else}
-	<a class=entry href=/login>Log In</a>
+	<a class=entry href=/login>Login</a>
 {/if}