Rediseño impeccable v2: refresh visual de todo el sistema

Segunda iteración del rediseño (sesión separada con skill impeccable).
Toca prácticamente toda la UI: layout base, tokens (global.css),
todas las páginas de alumno y admin, componentes de solicitudes,
inventario, catálogo, filtros, toaster y modales.

Docs y sistema:
- DESIGN.md y PRODUCT.md actualizados con la nueva iteración.
- .impeccable/design.json refleja tokens vigentes.
- .impeccable/review/ contiene screenshots de la revisión visual.

Dependencias:
- Añade @fontsource-variable/jetbrains-mono (fuente monoespaciada).

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>

src/pages/alumno/catalogo.astro

@@ -42,7 +42,7 @@ const categoriasFiltro = grupoList
 
     {error && (
       <div class="card mb-6" role="alert" style="border-color: color-mix(in oklab, var(--color-danger) 30%, transparent);">
-        <p class="text-sm" style="color: var(--color-danger);">
+        <p class="text-sm" style="color: var(--color-danger-text);">
           No se pudo cargar el catálogo. Recarga la página o intenta más tarde.
         </p>
       </div>
@@ -76,7 +76,7 @@ const categoriasFiltro = grupoList
               <div class="flex items-start justify-between gap-2">
                 <h3 class="font-semibold leading-snug">{m.nombre}</h3>
                 {m.categoria && (
-                  <span class="text-xs px-2 py-0.5 rounded-full whitespace-nowrap" style="background: color-mix(in oklab, var(--color-primary) 10%, transparent); color: var(--color-primary);">
+                  <span class="text-xs px-2 py-0.5 rounded-[2px] whitespace-nowrap uppercase tracking-wide" style="background: color-mix(in oklab, var(--color-primary) 25%, white); color: var(--color-ink); border: 1.5px solid var(--color-primary);">
                     {m.categoria.nombre}
                   </span>
                 )}