@kolkrabbi/kol-theme 0.38.0 → 0.40.0

package/kol-components-molecules.css

@@ -554,6 +554,25 @@
   color: var(--kol-fg-emphasis);
 }
 
+/* ─────────────────────────────────────────────────────────────────────
+ * CardFeatureItem — hover zoom (CardFeatureHoverZoom, 2026-08-12)
+ *   The card's VISUAL zooms slightly on card hover — not the card box —
+ *   on the same 300ms clock as the existing border transition, so the two
+ *   read as one state. Lives here, not in JSX utilities: motion chrome is
+ *   DS CSS (the ComponentTailwindSourceTrap law, same day). The card's own
+ *   overflow-hidden + radius clip the scale.
+ * ──────────────────────────────────────────────────────────────────── */
+.kol-card-feature-visual {
+  transition: transform 300ms ease;
+}
+.kol-card-feature:hover .kol-card-feature-visual {
+  transform: scale(1.03);
+}
+@media (prefers-reduced-motion: reduce) {
+  .kol-card-feature-visual { transition: none; }
+  .kol-card-feature:hover .kol-card-feature-visual { transform: none; }
+}
+
 /* =============================================================================
  * Color-doc widget chrome — ColorRamp · SpectrumGrid
  *

package/kol-components-workshop.css

@@ -349,7 +349,8 @@
   text-align: left;
   border-radius: 0px;
   text-decoration: none;
-  color: var(--kol-fg-64);
+  /* fg-64 → fg-80 (ShellNavItemInk, user ruling 2026-08-12) */
+  color: var(--kol-fg-80);
   cursor: pointer;
   transition: color 0.15s ease, background-color 0.15s ease;
   /* THE TEXT INDENT, named (2026-08-01). It was the last value of the padding
@@ -376,6 +377,9 @@
  * role set ends up with call sites that do not know it exists. */
 .shell-nav-item.is-active {
   color: var(--kol-fg-emphasis);
+  /* where-you-are steps 100 → 300 in weight beside its emphasis ink
+   * (ShellNavItemInk, user ruling 2026-08-12) */
+  font-weight: 300;
 }
 
 /* THIS PAGE'S OWN ROW — brighter than the rest of the list (user ruling
@@ -387,7 +391,11 @@
  * to live beside that rule. Same file, same specificity, declared later. */
 .shell-nav-item--own {
   color: var(--kol-fg-emphasis);
-  font-weight: 500;
+  /* 500 → 300 (ShellNavItemInk, 2026-08-12): the --own tags block at 500 WAS
+   * the "one side light, one side medium" inconsistency — verified by
+   * computed-style probe: every non---own row in both rails rests at 100.
+   * Emphasis weight is now ONE step (300), shared with .is-active. */
+  font-weight: 300;
 }
 
 /* …AND THE REST STEP DOWN (user ruling 2026-08-01: *"no needs more"*). Raising

package/kol-typography.css

@@ -883,9 +883,12 @@
 }
 
 /* =============================================================================
- * HEADINGS — H1 sans Narrow, H2-H5 sans Compact, weight 500.
- * 01 = H1 anchor (matches prose H1). 02-06 use Compact for visual rhythm
- * (matches prose H2-H4). 06 token defined; class deferred until consumer.
+ * HEADINGS — H1+H2 sans Narrow, H3-H5 sans Compact, weight 500.
+ * 01 = H1 anchor (matches prose H1). The narrow/compact boundary moved down
+ * one rung 2026-08-12 (HeadingTwoNarrow, user ruling: "make heading-02 narrow
+ * not compact"). 03-06 use Compact for visual rhythm. The PROSE ramp is
+ * untouched — it deliberately skips heading-02. 06 token defined; class
+ * deferred until consumer.
  * ============================================================================= */
 
 .kol-sans-heading-01 {
@@ -896,7 +899,7 @@
 }
 
 .kol-sans-heading-02 {
-  font-family: var(--kol-font-family-sans-compact);
+  font-family: var(--kol-font-family-sans-narrow);
   font-size: var(--kol-text-heading-02);
   line-height: 110%;
   font-weight: 500;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.38.0",
+  "version": "0.40.0",
   "description": "KOL (Kolkrabbi) design-system tokens + base CSS — brand-neutral. The canonical token/cascade layer every other KOL package and consumer builds on.",
   "license": "MIT",
   "type": "module",