# 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`.
