From 7535fdb8cc753a21bbc58ad5b273c547f3dac9df Mon Sep 17 00:00:00 2001
From: vicrodh <103399283+vicrodh@users.noreply.github.com>
Date: Sun, 1 Feb 2026 11:43:41 -0600
Subject: [PATCH] fix(lyrics): add text shadow for contrast against any
 background

Immersive lyrics now have dark shadow behind text for readability
on light/warm backgrounds like Powerslave's golden tones.
---
 src/lib/components/lyrics/LyricsLines.svelte | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/lyrics/LyricsLines.svelte b/src/lib/components/lyrics/LyricsLines.svelte
index 5c52a6035..e98a88ec1 100644
--- a/src/lib/components/lyrics/LyricsLines.svelte
+++ b/src/lib/components/lyrics/LyricsLines.svelte
@@ -193,6 +193,10 @@
   .lyrics-lines.immersive .lyrics-line {
     font-size: 24px;
     font-weight: 500;
+    /* Text shadow for contrast against any background */
+    text-shadow:
+      0 1px 2px rgba(0, 0, 0, 0.5),
+      0 2px 8px rgba(0, 0, 0, 0.3);
   }
 
   .lyrics-lines.immersive .lyrics-line.active {
@@ -241,8 +245,10 @@
     opacity: 1;
     transform: scale(1.02);
     text-shadow:
-      0 0 40px rgba(99, 102, 241, 0.3),
-      0 0 80px rgba(99, 102, 241, 0.15);
+      0 1px 3px rgba(0, 0, 0, 0.6),
+      0 2px 10px rgba(0, 0, 0, 0.4),
+      0 0 40px rgba(99, 102, 241, 0.4),
+      0 0 80px rgba(99, 102, 241, 0.2);
   }
 
   .lyrics-lines.center .lyrics-line.active {