редизайн кнопок 1st version

docs/FRONTEND.md

@@ -317,16 +317,27 @@ CSS-переменные позволяют поддерживать светл
 :root {
     --bg-primary: #ffffff;
     --text-primary: #1a1a2e;
-    --accent: #6366f1;
+    --accent: #4F46E5;
 }
 
 [data-theme="dark"] {
     --bg-primary: #0f0f23;
     --text-primary: #e2e8f0;
-    --accent: #818cf8;
+    --accent: #8B5CF6;
 }
 ```
 
+### Система кнопок
+
+Кнопки админ-панели, отдельной SPA настроек, страницы входа и личных кабинетов используют единую семантическую модель:
+
+- `btn` — обязательная база для всех кнопок и ссылок-кнопок.
+- Размеры: `btn-sm` — 32px для табличных строк, `btn-md` — 40px для форм и панелей, `btn-lg` — 48px для входа и главных широких действий.
+- Иконки: `btn-icon-sm` — 32x32, `btn-icon-md` — 40x40. Все icon-only кнопки должны иметь `aria-label` на русском языке.
+- Варианты: `btn-primary` для основного действия блока, `btn-secondary` для редактирования/обновления/показа, `btn-ghost` для очистки/отмены/сворачивания, `btn-danger` для удаления, `btn-danger-subtle` для архивирования, выхода и других рискованных действий без немедленного удаления.
+- Единый радиус кнопок — `8px`. Локальные переопределения `.btn-primary`, `.btn-secondary`, `.btn-delete` в feature CSS запрещены: новые экраны должны наследовать токены из `frontend/admin/css/components.css`.
+- Primary-акцент общий для продукта: `#4F46E5` в светлой теме и `#8B5CF6` в тёмной. Ролевые цвета кнопок в кабинетах преподавателя и студента не используются.
+
 Переключение — через `theme-toggle.js`.
 
 ---