# Дизайн-заготовка (фирменная палитра)

Готовые токены для фронта (агент D). Полная дизайн-система: `Base/_Inbox/Хакатон Medtech/Дизайн-система`.

## Применение

1. `tailwind.tokens.ts` → импортировать в `tailwind.config.ts`, разложить в `theme.extend`.
2. `globals.css` → переменные в `:root` (shadcn/ui).
3. Шрифт **Geologica** — `next/font` или `<link>` на fonts.bunny.net (веса 300–700).

## Шпаргалка

| | |
|---|---|
| Primary (CTA) | `#ff4713`, текст белый, `rounded-lg`, hover `#e63e0f` |
| Вторичный | `#6b788e` (t-gray) |
| Фон страницы / карточек | `#f3f4f6` / белый `rounded-2xl shadow-card` |
| Успех / ошибка | `#0f973d` / `#dc2626` (фон `#fbe9e9`) |
| Шрифт | Geologica (заголовки 600–700, текст 400) |
| Контейнер | `max-w-container` (1280px) |

## Ключевой компонент — таблица сравнения цен

- Шапка `bg-light-gray`, текст `t-gray` 600/14px.
- Строки белые, разделители `#ebedf0`, hover `bg-brand-soft`, цены вправо `tabular-nums`.
- Лучшая/нормализованная цена — бейдж `bg-brand text-white rounded-full`.
- Статусы нормализации: success `#0f973d` · конфликт `#dc2626` · «проверить» `#ff4713`.
- shadcn: `Table` + `Badge` (variants default=оранжевый / success / destructive) + TanStack `DataTable`.
