Adopted from Glorium unchanged, so the app and the website cannot drift. Teal-700 is the primary in both. Toggling does nothing here, which is the point.

The size ramp is shared: we adopted Glorium's tokens on 18 September 2026, so a size means the same thing in both systems. What differs is the faces and which steps get used. Glorium runs Inter throughout. Ours puts a serif on headings and takes the larger step for body, because these surfaces are long-form and the audience skews older.

Glorium separates a card from the page with a four-point tint difference and a soft shadow, on a grey-50 page. Ours keeps a white page and separates with a border, which reads cleaner for long-form marketing pages.

Both scales adopted from Glorium unchanged on 18 September 2026: nine radii and thirteen spacing steps. Toggling does nothing here now. What differs is which steps get used, and this side deliberately spreads across the radius range rather than sitting everything at 8px.

The shadow steps are adopted. The rule is where this side splits: nothing at rest carries a shadow, because a border defines the edge and a soft shadow is invisible to a low-vision reader. Shadow is reserved for anything that leaves the page plane, which here means hover, popovers and dialogs. The four boxes go flat when you switch because these are resting surfaces.

Hover, active and disabled are derived tokens in both systems, and focus is one geometry: a 3px ring at 2px offset. Adopted on this side 18 September 2026; before that every component invented its own hover.

Identical markup. Corner radius, type and weight all move with the system.

Glorium runs three durations on one easing curve. Ours runs a single 160ms and treats reduced-motion as mandatory, so the fast and slow steps are greyed out here.

Lucide in both, stroke-only, 2px on a 24px grid, painted with currentColor. Glorium documents a size ladder and caps it at 34px. Ours has no icon rules yet, which is a gap.

Glorium's orange is #FFB020, which is the warning status token. Our marketing amber is a different value and exists only on the public side, used sparingly: kicker, outline button, statistics band.

Glorium ships a full dark remap: background grey-950, cards grey-900, and the primary flips to teal-400 with a grey-950 foreground. Ours is light only.

Glorium's rule is flat color only: no gradients, no textures, no photography, and a browser-chrome card where a screenshot would go. A marketing site selling to families needs people, so ours departs on purpose.

Glorium's system carries no voice guidance at all. Ours treats language as a first-class part of the brand.