fix: keep marketing eyebrow contrast readable

README.md

@@ -11,7 +11,7 @@ Pin the immutable GitHub release:
 ```json
 {
   "dependencies": {
-    "@hraness/design-kit": "github:hraness/design-kit#v0.4.0",
+    "@hraness/design-kit": "github:hraness/design-kit#v0.4.1",
     "@hraness/ui": "github:hraness/ui#v0.4.7"
   }
 }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hraness/design-kit",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Opinionated application compositions, charts, effects, and syntax presentation built on @hraness/ui.",
   "license": "MIT",
   "type": "module",

portfolio-inventory.json

@@ -6,7 +6,7 @@
       "name": "@hraness/design-kit",
       "path": ".",
       "visibility": "public",
-      "version": "0.4.0"
+      "version": "0.4.1"
     }
   ],
   "contract": "hraness.portfolio-inventory/v1",

src/product-marketing.css

@@ -381,7 +381,7 @@
   border: 1px solid color-mix(in oklch, var(--hraness-marketing-accent) 32%, transparent);
   border-radius: 999px;
   background: var(--hraness-marketing-accent-soft);
-  color: var(--hraness-marketing-accent);
+  color: var(--hraness-marketing-muted);
 }
 
 .hraness-marketing-hero__name {

src/product-marketing.test.ts

@@ -31,3 +31,9 @@ test("the marketing grammar keeps compact, coarse-pointer, and forced-color cont
   expect(css).not.toContain("transition:");
   expect(css).not.toContain("animation:");
 });
+
+test("the soft-accent hero eyebrow keeps readable label ink", () => {
+  expect(css).toMatch(
+    /\.hraness-marketing-hero__eyebrow\s*\{[^}]*background: var\(--hraness-marketing-accent-soft\);[^}]*color: var\(--hraness-marketing-muted\);[^}]*\}/u,
+  );
+});