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/EliminarMaterial.tsx

@@ -53,7 +53,7 @@ export default function EliminarMaterial({ id, nombre, tienePrestamos }: Props)
     <>
       <button
         type="button"
-        className="btn btn-ghost hover:!bg-[color:var(--color-danger)] hover:!text-white"
+        className="btn btn-ghost hover:!bg-[color:var(--color-danger)] hover:!text-[color:var(--color-ink)]"
         style={{ minHeight: '36px', paddingBlock: '0.25rem' }}
         onClick={open}
       >
@@ -63,7 +63,7 @@ export default function EliminarMaterial({ id, nombre, tienePrestamos }: 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,26rem)]"
+        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,26rem)]"
       >
         <div className="p-5 sm:p-6 flex flex-col gap-4">
           <h2 id={titleId} className="text-lg font-semibold">
@@ -73,12 +73,12 @@ export default function EliminarMaterial({ id, nombre, tienePrestamos }: Props)
             ¿Seguro que quieres eliminar <strong>{nombre}</strong>? Esta acción no se puede deshacer.
           </p>
           {tienePrestamos && (
-            <p className="text-sm" style={{ color: 'var(--color-danger)' }}>
+            <p className="text-sm" style={{ color: 'var(--color-danger-text)' }}>
               Este material tiene préstamos asociados y no podrá eliminarse.
             </p>
           )}
           {error && (
-            <p role="alert" className="text-sm" style={{ color: 'var(--color-danger)' }}>
+            <p role="alert" className="text-sm" style={{ color: 'var(--color-danger-text)' }}>
               {error}
             </p>
           )}
@@ -89,7 +89,7 @@ export default function EliminarMaterial({ id, nombre, tienePrestamos }: Props)
             <button
               type="button"
               className="btn"
-              style={{ background: 'var(--color-danger)', color: 'white' }}
+              style={{ background: 'var(--color-danger)', color: 'var(--color-ink)' }}
               onClick={submit}
               disabled={loading}
             >