@kolkrabbi/kol-theme 0.11.2 → 0.11.4

package/kol-color.css

@@ -105,13 +105,16 @@
  * ============================================================================= */
 
 /* =============================================================================
- * BASE ANCHOR RULE — unstyled links get the link color. Sits in the
- * components layer, so any utility class or later-loading chrome sheet
- * (kol-framework, brand) still wins per the cascade contract (§5).
+ * LINK COLOR — OPT-IN, never global. The old bare `a { color }` rule painted
+ * every anchor in every consumer and out-ranked chrome on two axes: `a:hover`
+ * (0,1,1) beats any single utility class, and an unlayered theme import beats
+ * whole `layer(...)` chrome sheets regardless of specificity. Chrome owns its
+ * anchor colors; content links are `.kol-prose a` (inherit + underline).
+ * Blue is a choice: add `.kol-link` at the call site.
  * ============================================================================= */
 
-a { color: var(--kol-link); }
-a:hover { color: var(--kol-link-hover); }
+.kol-link { color: var(--kol-link); }
+.kol-link:hover { color: var(--kol-link-hover); }
 
 /* =============================================================================
  * CONTEXT-AWARE SURFACE INVERSE

package/kol-components-atoms.css

@@ -297,6 +297,32 @@
   }
 }
 
+/* Navigation (2026-07-28, user-ordered) — chrome for links that move between
+ * pages, not tool actions. SQUARE container: padding = the rung's vertical pad
+ * on all four sides (sm 24 / md 30 / lg 36 outer — the text-button height of
+ * the same rung, so mixed bars line up). Quiet states: rest dimmed, hover the
+ * ghost wash, and ACTIVE keys off aria-current="page" (NavLink sets it
+ * natively) — brighter glyph on a faint wash, never the pressed fill;
+ * navigation is location, not a toggled tool. */
+.kol-btn-nav {
+  background: transparent;
+  color: var(--kol-oq-48);
+  border: 1px solid transparent;
+}
+@media (hover: hover) {
+  .kol-btn-nav:not(.kol-btn-animate):hover {
+    background-color: var(--kol-oq-04);
+    color: var(--kol-surface-on-primary);
+  }
+}
+.kol-btn-nav[aria-current="page"] {
+  background-color: var(--kol-oq-08);
+  color: var(--kol-surface-on-primary);
+}
+.kol-btn-nav.kol-btn-sm { padding: 4px; }
+.kol-btn-nav.kol-btn-md { padding: 6px; }
+.kol-btn-nav.kol-btn-lg { padding: 8px; }
+
 /* Grey (2026-07-15, user-ordered) — pill-subtle's visual weight as a real
  * Button variant on the opaque tier: rest oq-12, hover/active one stop past
  * each, same state math as the rest of the family. */

package/package.json

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