@kolkrabbi/kol-theme 0.11.6 → 0.11.8

package/kol-components-atoms.css

@@ -314,7 +314,7 @@
  * navigation is location, not a toggled tool. */
 .kol-btn-nav {
   background: transparent;
-  color: var(--kol-oq-48);
+  color: var(--kol-oq-64);
   border: 1px solid transparent;
 }
 @media (hover: hover) {
@@ -323,9 +323,11 @@
     color: var(--kol-surface-on-primary);
   }
 }
+/* active = brightness only (0.11.7, user-ordered): quiet chrome states ride
+ * the opacity ladder — a background block is pressed-tool language, not
+ * location. Hover keeps its transient wash (feedback, not state). */
 .kol-btn-nav[aria-current="page"] {
-  background-color: var(--kol-oq-08);
-  color: var(--kol-surface-on-primary);
+  color: var(--kol-oq-88);
 }
 /* square box comes from .kol-btn-icon (geometry, all variants) — no
  * nav-specific padding rules needed */

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.6",
+  "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",