Adjust color variables for consistency (description text, panel-event-website-btn, and activity tags)

Author: SableRaf

pcd-website/src/components/NodePanel.vue

@@ -711,7 +711,7 @@ function getReportIssueHref(node: Node): string {
   border-radius: 4px;
   border: 1px solid var(--color-border);
   background: var(--color-bg-panel);
-  color: var(--color-text);
+  color: var(--color-text-subtle);
   text-transform: capitalize;
 }
 
@@ -784,7 +784,7 @@ function getReportIssueHref(node: Node): string {
   width: 100%;
   margin-bottom: 1.5rem;
   padding: 0.625rem 1rem;
-  background: var(--color-link);
+  background: var(--color-primary);
   color: #fff;
   text-align: center;
   text-decoration: none;
@@ -795,7 +795,7 @@ function getReportIssueHref(node: Node): string {
 }
 
 .panel-event-website-btn:hover {
-  background: var(--color-link-hover);
+  opacity: 0.85;
 }
 
 /* ─── Info Card ─── */

pcd-website/src/styles/global.css

@@ -10,6 +10,7 @@
   --color-focus: #005fcc;
   --color-text: #1a1a1a;
   --color-text-muted: #555;
+  --color-text-subtle: #888;
   --color-bg: #ffffff;
   --color-bg-panel: #ffffff;
   --color-bg-popup: #ffffff;
@@ -304,7 +305,7 @@ html.theme-transition *::after {
   border-radius: 3px;
   border: 1px solid var(--color-border);
   background: var(--color-panel-bg);
-  color: var(--color-text);
+  color: var(--color-text-subtle);
   text-transform: capitalize;
 }
 
@@ -372,7 +373,7 @@ html.theme-transition *::after {
 .popup-content .popup-description {
   margin: 0 0 var(--spacing-xs);
   font-size: 0.875rem;
-  color: var(--color-text-muted);
+  color: var(--color-text);
 }
 
 .leaflet-popup-content button.read-more {
@@ -429,6 +430,7 @@ html.theme-transition *::after {
   --color-link-hover: #e0aae8;
   --color-text: #e8e8e8;
   --color-text-muted: #999;
+  --color-text-subtle: #999;
   --color-bg: #1a1a1a;
   --color-bg-panel: #242424;
   --color-bg-popup: #303030;