DS-037/038/039/040: tokenize chart colours and migrate Earn, Faucet and Referrals to shared primitives

[nonso7]

The four issues all depend on semantic tokens and shared primitives that did not exist yet, so this PR adds those first and then migrates each surface onto them.

Tokens

packages/ui/src/styles/globals.css gains semantic colour roles for both themes:

• --success, --warning, --info, --destructive-foreground
• trading aliases --long / --short
• --chart-* roles (surface, text, grid, crosshair, crosshair-label, border, up, down, liquidation) that alias the semantic tokens

Because the chart roles alias the same tokens the UI uses, a long candle and a positive PnL can no longer drift apart.

Shared primitives (@workspace/ui)

New: Text / Heading (type scale + tones), NumericText (tabular figures with positive | negative | warning | accent | muted | neutral roles), Stat, Card, Table, Alert, LoadingState / EmptyState / ErrorState, Spinner, LoadingButton. Badge gains success / warning / info / muted variants.

All of them are covered by a new accessibility + behaviour suite (primitives.test.tsx, 37 tests) and are shown in the development-only design system gallery at /design-system.

DS-040 — Tokenize trading chart colours

apps/web/src/features/trade/lib/chart-theme.ts is a typed adapter between the CSS tokens and lightweight-charts:

• ChartPalette names every colour the chart paints; CHART_TOKENS maps each role to its CSS custom property.
• The chart renders to canvas and parses colours itself, and it cannot read oklch(). The resolver converts each token by painting it to a 1×1 canvas and reading the pixel back, so tokens stay authored in oklch while the chart receives rgb().
• Any role that fails to resolve falls back to an sRGB mirror of the token, so SSR and the first paint still get the right colours.
• TVChartContainer re-applies layout, candle and position-line colours from a MutationObserver on the root class — theme changes repaint without a reload.
• Long / short / liquidation lines now use --long / --short / --warning.

32 unit tests cover both generated palettes, the per-role fallback, the resolver-throws path, the colour-conversion rule and the light-vs-dark difference.

DS-037 / DS-038 / DS-039 — Earn, Referrals, Faucet

• Feature-local one-off text sizes (text-[11px], text-[13px], …) replaced with the shared type scale.
• Rewards, balances, APRs, TVL, commissions and token amounts go through NumericText / Stat with semantic numeric roles.
• Loading, empty and error treatments use the shared state primitives; the duplicated TierProgress in affiliates-tab.tsx now reuses the shared one.
• Tables (Earn distributions + discover, Referrals distributions + referrals + commission tiers) use the shared table primitives, which scroll inside their own container rather than widening the page.
• Faucet covers connected, disconnected, cooldown, mismatch, loading and error states; every claim action is a LoadingButton with aria-busy and an aria-hidden spinner, so the button keeps its accessible name.
• Referrals stacks the sidebar below the content under lg so the layout holds at 375px; tier chips render through the shared Badge with the tier tint kept as data in tiers.ts.

Drive-by fix

@workspace/ui's test suite could not run at all: vitest.config.ts overrode setupFiles with a name that mergeConfig appended rather than replaced, and vitest-axe@0.1.0 ships an empty extend-expect entry so toHaveNoViolations was never registered. Both are fixed, four stale assertions in the pre-existing specs are corrected (Base UI exposes aria-selected, not data-state; the slider's accessible control is a hidden range input; two axe fixtures were missing labels), and the package now runs 55/55 green with a clean tsc.

Verification

• packages/ui: 55/55 tests pass, tsc --noEmit clean.
• apps/web: all Earn tests and the 32 chart-theme tests pass. The remaining Faucet / referrals-page / code-display / useReferralCode failures are identical to main on this machine (invalid placeholder contract IDs and a jsdom clipboard stub) — verified by running the same command on a stashed tree.
• vite build succeeds; the built CSS emits both token sets and the new utilities.
• Checked in a real browser at 1440px and 375px in both themes: the chart repaints live on theme change with no colour-parse errors, and the migrated pages render correctly.

Known issue, not addressed here

At 375px every app page (including /pools, untouched by this PR) overflows horizontally by 56px because of the shared Navbar. It reproduces identically on main, so it is left for a separate fix.

Closes #424
Closes #425
Closes #426
Closes #427

[vercel]

@nonso7 is attempting to deploy a commit to the Ijai's projects Team on Vercel.

A member of the Team first needs to authorize it.

[drips-wave]

@nonso7 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits