v1 review pass: fixed some minor bugs

src/index.css

@@ -7,28 +7,64 @@
 
   color-scheme: light dark;
 
+  /* Text */
   --color-text: #f9fafb;
+  --color-text-secondary: #9ca3af;
+  --color-text-muted: #6b7280;
+  --color-on-accent: #fff;
+
+  /* Surfaces */
   --color-bg: #111827;
-  --color-link: #646cff;
-  --color-link-hover: #535bf2;
   --color-surface: #1f2937;
+
+  /* Borders */
   --color-border: transparent;
+  --color-border-subtle: rgba(128, 128, 128, 0.18);
+
+  /* Accent */
   --color-accent: #7c83ff;
   --color-accent-hover: #4a50e0;
+
+  /* Links */
+  --color-link: #646cff;
+  --color-link-hover: #535bf2;
+
+  /* Danger */
+  --color-danger: #e55;
+  --color-danger-bg: #a02b2b;
+  --color-danger-hover: #c03030;
+
+  /* Overlays */
+  --color-overlay: rgba(0, 0, 0, 0.45);
+  --color-header-user-bg: rgba(0, 0, 0, 0.2);
+  --color-header-user-bg-hover: rgba(0, 0, 0, 0.32);
+
+  /* Misc */
   --color-option-bg: #37366e;
   --color-option-border: #111827;
-  --color-notice-bg: #a02b2b;
+
+  /* Service brand colors (fixed, not theme-dependent) */
+  --color-youtube: #c00;
+  --color-youtube-hover: #f00;
+  --color-bandcamp: #1da0c3;
+  --color-bandcamp-hover: #25c8f0;
+  --color-soundcloud: #f50;
+  --color-soundcloud-hover: #f73;
 }
 
 @media (prefers-color-scheme: light) {
   :root {
     --color-text: #213547;
+    --color-text-secondary: #64748b;
+    --color-text-muted: #94a3b8;
     --color-bg: #ffffff;
-    --color-link-hover: #747bff;
     --color-surface: #f9f9f9;
+    --color-border: #646cff;
+    --color-link-hover: #747bff;
     --color-option-bg: #f5f5f5;
     --color-option-border: #cccccc;
-    --color-border: #646cff;
+    --color-header-user-bg: rgba(0, 0, 0, 0.08);
+    --color-header-user-bg-hover: rgba(0, 0, 0, 0.15);
   }
 }