@kolkrabbi/kol-theme 0.11.7 → 0.11.8

package/kol-typography.css

@@ -744,12 +744,14 @@
  * ============================================================================= */
 
 :root {
-  /* Sans family tokens — three cuts loaded. Editor convention used in prose:
+  /* Sans family tokens — four cuts loaded. Editor convention used in prose:
    * Narrow for top-of-scale (display, large headings), Compact for mid (smaller
-   * headings, lede), base for body. Atomic classes follow the same convention. */
+   * headings, lede), base for body, Tight for the display-tight voice.
+   * Atomic classes follow the same convention. */
   --kol-font-family-sans:         'Right Grotesk', sans-serif;
   --kol-font-family-sans-narrow:  'Right Grotesk Narrow', 'Right Grotesk', sans-serif;
   --kol-font-family-sans-compact: 'Right Grotesk Compact', 'Right Grotesk', sans-serif;
+  --kol-font-family-sans-tight:   'Right Grotesk Tight', 'Right Grotesk', sans-serif;
 
   /* Type size tokens — numbered scale, 01 = largest, ascending = smaller.
    * Mobile-first; @media overrides below scale display + heading-01 up on
@@ -834,19 +836,21 @@
  * Add the class when a consumer needs it. */
 
 /* =============================================================================
- * DISPLAY TIGHT — the condensed-caps display voice: base sans + the variable
- * width axis (font-stretch), weight 470. Uppercase BY CONTRACT — display
- * classes are the one type family that carries text-transform; the display
- * voice is caps by design language.
+ * DISPLAY TIGHT — the condensed-caps display voice: the Tight cut by NAME
+ * (--kol-font-family-sans-tight), weight 500 (TightMedium). Never select the
+ * cut via font-stretch: the loaded faces are static, carry no stretch
+ * descriptors, so stretch-based selection silently renders the wide base cut
+ * (bug found 2026-07-28). Uppercase BY CONTRACT — display classes are the one
+ * type family that carries text-transform; the display voice is caps by
+ * design language.
  * Lobbied verbatim from the website's elder type system (2026-07-16) so call
  * sites migrate without renames. `kol-heading-display` was a byte-identical
  * duplicate of `kol-display-lg` and was not carried — map it to display-lg.
  * ============================================================================= */
 
 .kol-display-lg {
-  font-family: var(--kol-font-family-sans);
-  font-stretch: extra-condensed;
-  font-weight: 470;
+  font-family: var(--kol-font-family-sans-tight);
+  font-weight: 500;
   font-size: var(--kol-text-display-tight-01);
   line-height: 100%;
   text-transform: uppercase;
@@ -854,18 +858,16 @@
 }
 
 .kol-display-section {
-  font-family: var(--kol-font-family-sans);
-  font-stretch: extra-condensed;
-  font-weight: 470;
+  font-family: var(--kol-font-family-sans-tight);
+  font-weight: 500;
   font-size: var(--kol-text-display-tight-02);
   line-height: 100%;
   text-transform: uppercase;
 }
 
 .kol-display-section-sm {
-  font-family: var(--kol-font-family-sans);
-  font-stretch: extra-condensed;
-  font-weight: 470;
+  font-family: var(--kol-font-family-sans-tight);
+  font-weight: 500;
   font-size: var(--kol-text-display-tight-03);
   line-height: 100%;
   text-transform: uppercase;

package/package.json

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