Add depth and light: glow, tiles, avatars, stats, steps, decks, skeletons, reveal

Tokens
- --nv-color-glow role (light and dark) and a glow scale: --nv-glow-sm/md/lg,
  --nv-glow-blur-*, --nv-glow-spread-*, --nv-glow-strength
- --nv-stagger (0ms under reduced motion) and --nv-duration-shimmer

Components
- Card: --lit (lit top edge in --nv-card-tint), --glow, --spotlight
  (light follows the pointer); light layers combine with every elevation
- Tile: small raised key for a glyph or product mark; --solid, --glow, sizes
- Avatar: raised disc with --ring / --glow, sizes, __status, avatar group
- Stat: readings set into one recessed well (.nv-stat-group)
- Steps: markers set into a rail; done steps light their stretch; vertical
- Deck: one surface in front of stacked layers of its kind
- Skeleton: recessed placeholder with a slow sweep, still under reduced motion
- Text: .nv-text-lit and .nv-text-lit--accent

Continuity
- .nv-reveal / .nv-reveal-group: content arrives once as it scrolls into view
  (nv-arrive keyframe); niveus.js marks pending state, so nothing is hidden
  without the script or under reduced motion
- niveus.js tracks the pointer for .nv-card--spotlight

README and REFERENCE document every new class, token and attribute;
tools/check.py passes and dist/ is rebuilt.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

niveus/tokens/color.css

@@ -227,6 +227,11 @@
   --nv-color-sheen-strong-top: light-dark(var(--nv-light-sheen-strong-top), var(--nv-dark-sheen-strong-top));
   --nv-color-sheen-strong-bottom: light-dark(var(--nv-light-sheen-strong-bottom), var(--nv-dark-sheen-strong-bottom));
 
+  /* Glow: light a surface gives off, as opposed to the shade it casts. It is
+     the accent seen through air — strong enough in dark to read as a lit
+     edge, faint in light, where paper does not emit. */
+  --nv-color-glow: light-dark(var(--nv-light-glow), var(--nv-dark-glow));
+
   /* A knob: the thumb of a switch or a slider. It stays light in both
      appearances, the way a physical knob does not change color with the room. */
   --nv-color-knob: light-dark(var(--nv-light-knob), var(--nv-dark-knob));

niveus/tokens/elevation.css

@@ -95,4 +95,30 @@
   --nv-focus-ring:
     0 0 0 1px var(--nv-color-focus-ring-contrast),
     0 0 0 calc(1px + var(--nv-focus-ring-width)) var(--nv-color-focus-ring);
+
+  /* --- Glow ------------------------------------------------------------------
+     Light a surface emits rather than the shade it casts. Glow is for things
+     that are *on* — a live status, the selected item in a showcase, a lit key —
+     and it always sits beside an elevation, never instead of one: a glowing
+     surface still rests on something.
+
+     The geometry is a scale like elevation. The color is the component's: a
+     tinted surface glows in its own tint, mixed down to --nv-glow-strength. */
+  --nv-glow-strength: 40%;
+  --nv-glow-blur-sm: 12px;
+  --nv-glow-spread-sm: -2px;
+  --nv-glow-blur-md: 28px;
+  --nv-glow-spread-md: -6px;
+  --nv-glow-blur-lg: 64px;
+  --nv-glow-spread-lg: -12px;
+}
+
+/* The accent glows are declared on every branded subtree as well as the root:
+   a var() inside a custom property resolves where the property is declared, so
+   a root-only declaration would glow in the root brand everywhere. */
+:root,
+[data-nv-brand] {
+  --nv-glow-sm: 0 0 var(--nv-glow-blur-sm) var(--nv-glow-spread-sm) var(--nv-color-glow);
+  --nv-glow-md: 0 0 var(--nv-glow-blur-md) var(--nv-glow-spread-md) var(--nv-color-glow);
+  --nv-glow-lg: 0 0 var(--nv-glow-blur-lg) var(--nv-glow-spread-lg) var(--nv-color-glow);
 }

niveus/tokens/motion.css

@@ -82,6 +82,15 @@
   --nv-travel-sm: 4px;
   --nv-travel-md: 8px;
   --nv-travel-lg: 16px;
+
+  /* --- Sequence ---------------------------------------------------------------
+     The gap between siblings arriving one after another. Short enough that a
+     group reads as one movement, long enough that the eye sees an order. */
+  --nv-stagger: 60ms;
+
+  /* A loading shimmer is a slow, constant sweep — slow enough to read as
+     "waiting", never fast enough to read as an alert. */
+  --nv-duration-shimmer: 1600ms;
 }
 
 /* Reduced motion is a system-wide contract, not a per-component opt-in: cut
@@ -103,5 +112,6 @@
     --nv-travel-sm: 0px;
     --nv-travel-md: 0px;
     --nv-travel-lg: 0px;
+    --nv-stagger: 0ms;
   }
 }