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/components/admin/inventario/MaterialForm.tsx

@@ -132,7 +132,7 @@ export default function MaterialForm({ mode, material, categorias }: Props) {
       <dialog
         ref={dialogRef}
         aria-labelledby={titleId}
-        className="rounded-lg p-0 bg-white text-[color:var(--color-ink)] backdrop:bg-black/40 w-[min(92vw,32rem)]"
+        className="rounded-lg p-0 bg-white text-[color:var(--color-ink)] border-2 border-[color:var(--color-ink)] shadow-[var(--shadow-hard)] backdrop:bg-black/40 w-[min(92vw,32rem)]"
       >
         <form onSubmit={submit} className="p-5 sm:p-6 flex flex-col gap-4" autoComplete="off">
           <div className="flex items-start justify-between gap-3">
@@ -269,7 +269,7 @@ export default function MaterialForm({ mode, material, categorias }: Props) {
               role="alert"
               tabIndex={-1}
               className="text-sm"
-              style={{ color: 'var(--color-danger)' }}
+              style={{ color: 'var(--color-danger-text)' }}
             >
               {error}
             </p>