fix(website): keep plugin pages readable in light mode

Version pills and the eyebrow on a plugin page used the same pale colors that disappear on a white background.

(cherry picked from commit a1051e2565a1f2daad934362fc31319020e1c24e)

website/src/components/PluginCatalog/pages.module.css

@@ -70,7 +70,8 @@
   font-size: 0.72rem;
   letter-spacing: 0.15em;
   text-transform: uppercase;
-  color: #a8860a;
+  /* #a8860a is only 3.5:1 on white. #6E4F00 clears 4.5:1; dark mode overrides. */
+  color: #6e4f00;
   margin: 0 0 0.5rem;
 }
 
@@ -153,6 +154,12 @@
   color: rgba(96, 165, 250, 0.95);
 }
 
+[data-theme="light"] .versionPill {
+  border-color: rgba(29, 78, 216, 0.45);
+  background: rgba(29, 78, 216, 0.08);
+  color: #1d4ed8;
+}
+
 .starPill {
   border-color: rgba(255, 215, 0, 0.3);
   background: rgba(255, 215, 0, 0.08);
@@ -338,6 +345,10 @@
   transform: translateY(-1px);
 }
 
+[data-theme="light"] .shot:hover {
+  border-color: rgba(110, 79, 0, 0.45);
+}
+
 .shot img {
   display: block;
   width: 100%;
@@ -506,6 +517,11 @@
   transform: translateY(-1px);
 }
 
+[data-theme="light"] .miniCard:hover {
+  border-color: rgba(110, 79, 0, 0.45);
+  box-shadow: 0 4px 16px rgba(28, 30, 33, 0.06);
+}
+
 .miniAccent {
   position: absolute;
   top: 0;