Match article labels to articles hero

assets/static/style.css

@@ -6,6 +6,7 @@
   --dim: #666b70;
   --rule: #273039;
   --teal: #51b6a5;
+  --article-cyan: #19d7ff;
   --mustard: #c9a84c;
   --magenta: #d26186;
   --violet: #8c78d8;
@@ -68,7 +69,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
   isolation: isolate;
 }
 .section-hero--articles {
-  --section-accent: #19d7ff;
+  --section-accent: var(--article-cyan);
   --section-accent-rgb: 25, 215, 255;
   --section-accent-soft: #00aee8;
   --section-alt: #ff37c7;
@@ -737,7 +738,7 @@ h1 { max-width: 880px; margin: 0; font-size: clamp(30px, 4vw, 45px); font-style:
 .entry-meta { display: flex; align-items: center; gap: 16px; color: var(--muted); font-size: 10px; }
 .label { border: 1px solid currentColor; padding: 2px 8px; color: var(--teal); text-transform: uppercase; }
 .accent-blog .label { color: var(--violet); }
-.accent-article .label { color: var(--magenta); }
+.accent-article .label { color: var(--article-cyan); }
 .timeline-entry h2, .entry-card h2 { margin: 10px 0 5px; font-size: 21px; line-height: 1.3; }
 .timeline-entry p, .entry-card p { max-width: 680px; margin: 0 0 10px; color: var(--muted); }
 .read-more { color: var(--magenta); font-size: 10px; }