@vegastack/design-tokens 0.5.0 → 0.7.0

package/dist/base.css

@@ -32,6 +32,28 @@
        UI's Quick Start ("Set up portals"). Consumers importing base.css get this for free; if you
        don't import base.css, add `isolation: isolate` to your app root yourself. */
     @apply bg-background text-foreground isolate;
+
+    /* TYP-17 (ours) — THE DECLARED DEFAULT BODY SIZE, 14px.
+       The component layer is 14px (`text-sm`, the dominant size by a wide margin), but nothing
+       used to declare a page default, so any text WITHOUT an explicit `text-*` class fell back to
+       the browser's 16px and a page mixed two sizes. 14px is the product-UI default Vercel's own
+       Geist copy scale is built around.
+
+       THIS IS DELIBERATELY ON `body`, NEVER ON `html`. `rem` resolves against the ROOT element, so
+       `html { font-size: 14px }` would silently rescale the entire system — `text-sm` (0.875rem)
+       would become 12.25px and every rem-based spacing token would shrink with it — and it would
+       override the reader's own browser font-size preference, which is a WCAG 1.4.4 failure. On
+       `body` the root stays 16px, every explicit `text-*` class is untouched, and only unclassed
+       text moves. */
+    font-size: var(--text-sm, 0.875rem);
+
+    /* TYP-16 (ours) — Geist is drawn for smoothed rendering. Without this the same weight renders
+       heavier and softer on macOS than the identical weight on Vercel's own site, which is a large
+       part of why the weight ladder read as "off" before the ramp existed. Upstream sets neither
+       property; Tailwind's preflight already handles `-webkit-text-size-adjust` and `tab-size`, so
+       those are not restated here. */
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
   }
   html {
     @apply font-sans;

package/dist/theme.css

@@ -278,6 +278,47 @@
   --radius-2xl: calc(var(--radius) * 1.8);
   --radius-3xl: calc(var(--radius) * 2.2);
   --radius-4xl: calc(var(--radius) * 2.6);
+  /* ── TYP-15 (ours) — HEADING TIER OPTICAL METRICS ────────────────────────────────────
+     Geist's published spec splits a COPY tier (letter-spacing 0) from a HEADING tier whose
+     letter-spacing goes negative as size grows. This system's copy sizes are 12/14/16 —
+     exactly Geist's copy tier — so `text-xs`, `text-sm` and `text-base` are NOT declared
+     here: they stay stock, untouched, and the 202 component usages of them render
+     byte-identically. Restating them at their stock values would be the same dead
+     restatement `restated-motion-reduce` and `restated-focus` exist to reject.
+
+     SIZES ARE STOCK. Only `--line-height` and `--letter-spacing` move, so TYP-1 stays
+     **shadcn** and a pasted shadcn snippet still renders at upstream's size. The size is
+     restated on each step anyway because a modifier with no base is meaningless to read,
+     and it pins the ramp against a future Tailwind default change.
+
+     Two of these go LOOSER, not tighter. Stock Tailwind collapses 3xl-7xl toward 1.0, which
+     clips Geist's descenders once negative tracking pulls the glyphs together; Vercel runs
+     48px at 56px leading, not 48. And stock `text-lg` (1.556) is looser than `text-base`
+     (1.5) — non-monotonic, and backwards from the shape this ramp exists to produce. */
+  --text-lg: 1.125rem;
+  --text-lg--line-height: 1.625rem;
+  --text-lg--letter-spacing: -0.012em;
+  --text-xl: 1.25rem;
+  --text-xl--line-height: 1.625rem;
+  --text-xl--letter-spacing: -0.02em;
+  --text-2xl: 1.5rem;
+  --text-2xl--line-height: 2rem;
+  --text-2xl--letter-spacing: -0.04em;
+  --text-3xl: 1.875rem;
+  --text-3xl--line-height: 2.375rem;
+  --text-3xl--letter-spacing: -0.04em;
+  --text-4xl: 2.25rem;
+  --text-4xl--line-height: 2.75rem;
+  --text-4xl--letter-spacing: -0.05em;
+  --text-5xl: 3rem;
+  --text-5xl--line-height: 3.5rem;
+  --text-5xl--letter-spacing: -0.06em;
+  --text-6xl: 3.75rem;
+  --text-6xl--line-height: 4rem;
+  --text-6xl--letter-spacing: -0.06em;
+  --text-7xl: 4.5rem;
+  --text-7xl--line-height: 4.5rem;
+  --text-7xl--letter-spacing: -0.06em;
   --font-sans: var(--font-family-sans);
   --font-mono: var(--font-family-mono);
   --font-serif: var(--font-family-serif);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vegastack/design-tokens",
-  "version": "0.5.0",
+  "version": "0.7.0",
   "description": "VegaStack design tokens (DTCG → Tailwind v4 theme + TS)",
   "license": "MIT",
   "repository": {