Standardize design tokens and UI styling

[battaglia-v]

Summary

• align design tokens and theme variables around a unified palette, elevation scale, radii, and icon sizing
• update shared UI elements (buttons, cards, inputs, nav) to consume tokens and standardize spacing between icons and text
• refresh admin discover editor with tokenized controls, consistent skeleton loading states, and cleaner list styling

Testing

• npm run lint
• vitest run

---

Codex Task

[vercel]

Deployment failed with the following error:

Hobby accounts are limited to daily cron jobs. This cron expression (10 * * * *) would run more than once per day. Upgrade to the Pro plan to unlock all Cron Jobs features on Vercel.

Learn More: https://vercel.link/3Fpeeb1

[Copilot]

Pull request overview

This PR establishes a comprehensive design token system to standardize styling across the application. The changes introduce centralized token definitions for colors, shadows, radii, and icon properties, then systematically apply these tokens throughout UI components and feature pages.

Key changes:

• Unified design token definitions in design-tokens.json and app/theme.css with expanded palette, elevation system, and icon sizing tokens
• Updated core UI components (Button, Input, Card, Skeleton) to consume CSS variables instead of hardcoded values
• Refreshed AdminDiscoverEditor with tokenized styling, improved skeleton loading states, and standardized icon/button usage

Reviewed changes

Copilot reviewed 9 out of 9 changed files in this pull request and generated 1 comment.

Show a summary per file

File	Description
design-tokens.json	Expanded token system with new surface colors, elevation shadows, icon sizes, and updated gradient angles
app/theme.css	Added CSS variables for radii variants (control, card, panel), shadows (sm/md/lg/focus), and icon properties (size, stroke, gap)
app/globals.css	Added utility classes (icon-base, icon-sm, icon-gap) and updated glass-panel/card styles to reference new token variables
components/ui/skeleton.tsx	Updated border-radius to use var(--radius-control) token
components/ui/input.tsx	Replaced hardcoded dimensions and shadows with tokenized values; updated height, padding, and border-radius
components/ui/card.tsx	Migrated to tokenized radius and shadow variables with simplified gradient syntax
components/ui/button.tsx	Comprehensive token integration: gap, radius, shadows, and icon sizing now reference CSS variables; added shadow-none to ghost variant
components/shell/SidebarNav.tsx	Replaced hardcoded icon sizing with icon-base and icon-gap utility classes
components/discover/AdminDiscoverEditor.tsx	Migrated inline button/input styling to use Button/Input components; added detailed skeleton loading state; applied tokenized radius and spacing throughout

[battaglia-v]

Closing as duplicate of PR #128. Both PRs target the same design token standardization work, created about 1 hour apart from the same Codex task.