web(ui): design tokens — spacing and component scale

Co-authored-by: Cursor <[email protected]>

web/src/lib/ui/app/tokens.md

@@ -0,0 +1,22 @@
+# Design tokens (EvoBGP WebUI)
+
+Базовая тема — [shadcn-svelte](https://www.shadcn-svelte.com), переменные в [`src/routes/layout.css`](../../routes/layout.css).
+
+## Layout
+
+| Token | Значение | Tailwind |
+|-------|----------|----------|
+| `--page-padding` | 1.5rem | `p-page` через `p-[var(--page-padding)]` |
+| `--section-gap` | 1.5rem | `gap-section` |
+
+## Радиусы
+
+`--radius-sm` … `--radius-xl` — из `--radius` (shadcn).
+
+## Семантика
+
+`success`, `warning`, `info`, `destructive` — классы `text-success`, `bg-warning/10`, `border-info` и т.д.
+
+## Размеры компонентов
+
+Button/Input: `sm` | `default` | `lg` — через `buttonVariants` и классы input в `ui/core`.