@kolkrabbi/kol-theme 0.47.0 → 0.49.0

package/kol-components-molecules.css

@@ -512,9 +512,15 @@
 
 .kol-seg-cell:hover { color: var(--kol-fg-emphasis); }
 
+/* SELECTED IS THE INVERSE TILE (user ruling 2026-08-15) — a near-white fill
+ * with dark ink, the same pair `/work`'s sliding pill uses (`bg-fg-96` over
+ * `surface-primary` ink). It read as `surface-secondary`, which in dark theme
+ * is a tile only a shade off the strip it sits in: the selected cell was the
+ * QUIETEST thing in the control instead of the loudest, and the unselected
+ * cells looked like the raised ones. */
 .kol-seg-cell.is-active {
-  background: var(--kol-surface-secondary);
-  color: var(--kol-fg-emphasis);
+  background: var(--kol-fg-96);
+  color: var(--kol-surface-primary);
 }
 
 /* Reads the quiet ring token so the segmented strip is part of the system-wide
@@ -858,6 +864,7 @@
   gap: var(--kol-row-gap);
   padding: var(--kol-row-pad);
   min-height: var(--kol-row-min-h);
+  align-items: stretch;
   background: var(--kol-row-bg);
   /* the FALLBACK is not optional. A variant with no frame publishes no
    * `--kol-row-border`, and `border-color: var(--undefined)` is invalid at
@@ -875,8 +882,12 @@
 .kol-row--divided {
   border-bottom: 1px solid var(--kol-fg-08);
 }
+/* the token is the thumb's MINIMUM HEIGHT now — width comes from the ratio.
+ * A row taller than this (work at 160, typeface at 160) grows the thumb with
+ * it instead of leaving it stranded at the top. */
 .kol-row > .kol-row-thumb {
-  width: var(--kol-row-thumb);
+  min-height: var(--kol-row-thumb);
+  width: auto;
 }
 
 /* CONTAINER query, not a viewport one (2026-08-15). The row steps on the width
@@ -896,7 +907,7 @@
     min-height: var(--kol-row-min-h-md, var(--kol-row-min-h));
   }
   .kol-row > .kol-row-thumb {
-    width: var(--kol-row-thumb-md, var(--kol-row-thumb));
+    min-height: var(--kol-row-thumb-md, var(--kol-row-thumb));
   }
 }
 

package/kol-typography.css

@@ -805,23 +805,36 @@
   font-family: var(--kol-font-family-sans-narrow);
   font-size: var(--kol-text-display-01);
   line-height: 100%;
-  font-weight: 600;
+  font-weight: 500;
+  letter-spacing: 0.04em;
 }
 
 .kol-sans-display-02 {
   font-family: var(--kol-font-family-sans-narrow);
   font-size: var(--kol-text-display-02);
   line-height: 100%;
-  font-weight: 600;
+  font-weight: 500;
+  letter-spacing: 0.04em;
 }
 
+/* THE DISPLAY RUNGS ARE 500, NOT 600 (user ruling 2026-08-15). All three sat a
+ * weight above the heading family they open — the narrow grotesk at 600 clogs
+ * at display size, where the counters are already the first thing to close. 500
+ * is the weight every `kol-sans-heading-*` uses, so the two families now read as
+ * one voice at two volumes.
+ *
+ * And 0.04em of TRACKING on all three: a narrow face set large has almost no
+ * sidebearing left, so the letters run together into a wall. The tracking is
+ * what lets a display line be read as words rather than a texture. */
+
 /* display-03 shipped 2026-08-15 — its consumer arrived: ContentText's `work`
  * row title (the ruled size-only step down from display-02). */
 .kol-sans-display-03 {
   font-family: var(--kol-font-family-sans-narrow);
   font-size: var(--kol-text-display-03);
   line-height: 100%;
-  font-weight: 600;
+  font-weight: 500;
+  letter-spacing: 0.04em;
 }
 
 /* =============================================================================

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-theme",
-  "version": "0.47.0",
+  "version": "0.49.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",