@kolkrabbi/kol-theme 0.9.1 → 0.9.3

package/kol-color.css

@@ -73,42 +73,13 @@
 
 /* =============================================================================
  * DARK MODE
- * Explicit dark-mode surface overrides ([data-theme="dark"], .dark) now come
- * from @kol/theme/kol-base-tokens.css (shared with apps/web). The system-
- * preference auto-dark block below stays brand-local — web has no equivalent.
+ * Explicit dark-mode surface overrides ([data-theme="dark"], .dark) come from
+ * kol-base-tokens.css. There is deliberately NO OS-preference auto-dark block:
+ * user ruling 2026-07-15 (ledger 2.4) — light mode first until migration
+ * completion; theme is decided only by an explicit data-theme. Reinstating
+ * OS-follow is a user ruling, not a cleanup.
  * ============================================================================= */
 
-/* =============================================================================
- * SYSTEM PREFERENCE (Automatic Dark Mode)
- *
- * KEPT deliberately (ruling applied 2026-07-15, ledger-2.0 #2.4): KOL policy
- * is light-first + FOLLOW-SYSTEM — an undecided page respects the visitor's
- * OS preference; an explicit choice (app-set data-theme or a saved toggle)
- * always wins because [data-theme="light"] opts out of this block and
- * [data-theme="dark"] doesn't need it. A repo wanting hard light-always
- * stamps data-theme="light" at boot — that's the per-repo seam, not a theme
- * edit. ThemeToggle + useTheme implement the same policy JS-side.
- * ============================================================================= */
-
-@media (prefers-color-scheme: dark) {
-  :root:not([data-theme="light"]) {
-    --kol-link:       #60A5FA;
-    --kol-link-hover: #93C5FD;
-
-    --kol-surface-primary: #121215;
-    --kol-surface-on-primary: #FAFAFA;
-
-    --kol-surface-secondary: #19191D;
-    --kol-surface-on-secondary: #F8F8F8;
-
-    --kol-surface-tertiary: #0E0E11;
-    --kol-surface-on-tertiary: #FFFFFF;
-
-    --kol-surface-inverse: #FCFBF8;
-    --kol-surface-on-inverse: #0E0E11;
-  }
-}
-
 /* =============================================================================
  * BASE ANCHOR RULE — unstyled links get the link color. Sits in the
  * components layer, so any utility class or later-loading chrome sheet

package/kol-typography.css

@@ -897,7 +897,9 @@
   font-weight: 300;
   line-height: 24px;
   letter-spacing: 0.02em;
-  color: var(--kol-fg-80);
+  /* Text-role contract (kol-opacity roles): body copy sits at the body role;
+   * emphasis/strong/headings climb the ladder from there. */
+  color: var(--kol-fg-body);
 }
 
 .kol-prose > :first-child { margin-top: 0; }
@@ -970,7 +972,7 @@
   line-height: 16px;
   letter-spacing: 0.14em;
   text-transform: uppercase;
-  color: var(--kol-fg-64);
+  color: var(--kol-fg-body);
   margin: 0;
 }
 
@@ -987,7 +989,7 @@
 .kol-prose h5,
 .kol-prose h6 {
   font-weight: 500;
-  color: var(--kol-surface-on-primary);
+  color: var(--kol-fg-emphasis);
 }
 
 .kol-prose h1 { font-family: var(--kol-font-family-sans-narrow);  font-size: var(--kol-text-heading-01); line-height: 52px; margin: 0 0 24px; }
@@ -1010,8 +1012,10 @@
 
 /* ─── Inline ─── */
 
-.kol-prose em     { font-style: italic; }
-.kol-prose strong { font-weight: 700; }
+/* Inline emphasis climbs the role ladder out of the body color:
+ * em stresses at the strong role, strong lands on full-ink emphasis. */
+.kol-prose em     { font-style: italic; color: var(--kol-fg-strong); }
+.kol-prose strong { font-weight: 700; color: var(--kol-fg-emphasis); }
 
 /* ─── Code (inline + block) — JetBrains Mono via the mono token. Same family
  *     as `.kol-mono-N` so a future swap cascades. Body weight 400. ─── */
@@ -1058,7 +1062,7 @@
   margin: 0 0 8px;
   font-size: 24px;
   line-height: 32px;
-  color: var(--kol-surface-on-primary);
+  color: var(--kol-fg-emphasis);
 }
 
 .kol-prose blockquote cite {
@@ -1069,7 +1073,7 @@
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 0.04em;
-  color: var(--kol-fg-48);
+  color: var(--kol-fg-meta);
 }
 
 .kol-prose blockquote cite::before { content: '— '; opacity: 0.6; }
@@ -1106,7 +1110,7 @@
 .kol-segment-title {
   font-family: var(--kol-font-family-sans-compact);
   font-weight: 500;
-  color: var(--kol-surface-on-primary);
+  color: var(--kol-fg-emphasis);
 }
 
 /* standalone caption block (the `caption` block type) */
@@ -1116,7 +1120,7 @@
   font-size: 12px;
   line-height: 16px;
   letter-spacing: 0.02em;
-  color: var(--kol-fg-48, color-mix(in srgb, var(--kol-surface-on-primary) 48%, transparent));
+  color: var(--kol-fg-meta);
 }
 
 /* inline links (the `link` mark) */

package/package.json

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