@higinio/design-mcp 0.1.0 → 0.1.1

package/assets/nocturna/tailwind.css

@@ -17,8 +17,9 @@
   --color-accent-300: #7dccf1;
   --color-accent-400: #52baed; /* acento principal — un CTA por pantalla */
   --color-accent-500: #2fa3dd;
-  --color-accent-600: #1f87bb;
-  --color-accent-700: #186a94;
+  --color-accent-600: #1f87bb; /* UI sobre claro (4.01:1) — nunca texto */
+  --color-accent-700: #186a94; /* texto de acción sobre claro (5.95:1) */
+  --color-accent-800: #12506f; /* hover del texto de acción en light (8.74:1) */
 
   --color-indigo-300: #7a83c4;
   --color-indigo-400: #565fa3;
@@ -33,6 +34,7 @@
   --color-night-700: #1e222d;
   --color-night-600: #2a2f3d;
   --color-night-500: #3d4354;
+  --color-night-450: #5f6575; /* texto atenuado en light */
   --color-night-400: #6b7183;
   --color-night-300: #9aa0b0;
   --color-night-200: #c5c9d4;
@@ -112,4 +114,8 @@
   --color-accent-brand: var(--accent-400);
   --color-on-accent: var(--text-on-accent);
   --color-link: var(--link);
+  --color-success: var(--success);
+  --color-warning: var(--warning);
+  --color-danger: var(--danger);
+  --color-info: var(--info);
 }

package/assets/nocturna/tokens.css

@@ -9,9 +9,12 @@
 @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Manrope:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
 
 :root {
-  /* == Primitivos: acento (Celeste Eléctrico) == */
+  /* == Primitivos: acento (Celeste Eléctrico) ==
+     accent-600 sobre blanco da 4.01:1 — vale como UI (≥3) pero NO como texto (<4.5).
+     Para texto sobre claro se usa accent-700 (5.95:1) y accent-800 (8.74:1). */
   --accent-100: #d9f0fb; --accent-200: #a8ddf6; --accent-300: #7dccf1;
   --accent-400: #52baed; --accent-500: #2fa3dd; --accent-600: #1f87bb; --accent-700: #186a94;
+  --accent-800: #12506f;
 
   /* == Primitivos: índigo (Índigo Profundo) — nunca texto sobre negro == */
   --indigo-300: #7a83c4; --indigo-400: #565fa3; --indigo-500: #353d7c;
@@ -20,6 +23,7 @@
   /* == Primitivos: escala nocturna == */
   --night-950: #010203; --night-900: #0b0d12; --night-800: #14171f;
   --night-700: #1e222d; --night-600: #2a2f3d; --night-500: #3d4354;
+  --night-450: #5f6575; /* texto atenuado en light: night-400 caía a 4.27:1 sobre --surface-3 */
   --night-400: #6b7183; --night-300: #9aa0b0; --night-200: #c5c9d4;
   --night-100: #e8eaef; --night-50: #f6f7f9;
 
@@ -110,16 +114,18 @@
   --border-strong: #b9c3d1;
   --text-primary: #14171f;
   --text-secondary: #3d4354;
-  --text-muted: #6b7183;
+  --text-muted: var(--night-450); /* no night-400: ese caía a 4.27:1 sobre --surface-3 */
   --text-disabled: #9aa0b0;
   --text-heading: #14171f;
-  --link: #1f87bb;
-  --link-hover: #186a94;
+  --link: #186a94; /* accent-700 · 5.95:1 sobre blanco — accent-600 solo daba 4.01:1 */
+  --link-hover: #12506f; /* accent-800 · en light el hover OSCURECE (en dark aclara) */
   --text-on-accent: #010203; /* CTA no cambia entre modos */
-  --success: #15803d;
-  --warning: #a16207;
-  --danger: #c03535;
-  --info: #1f87bb;
+  /* Semánticos de light: son a la vez relleno y TEXTO sobre su propio --*-bg tintado,
+     así que se calibran contra ese fondo, no contra blanco. */
+  --success: #166534;
+  --warning: #854d0e;
+  --danger: #b02c2c;
+  --info: #186a94;
   --success-bg: #e3f5ea; --warning-bg: #fbf3dd;
   --danger-bg: #fbe7e7;  --info-bg: #e3f2fb;
   --accent-ghost-hover: rgba(31,135,187,.08);

package/assets/nocturna/tokens.json

@@ -79,7 +79,20 @@
             0.5804
           ],
           "hex": "#186a94"
-        }
+        },
+        "$description": "Texto de acción sobre fondos claros (5.95:1 sobre blanco)"
+      },
+      "800": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.0706,
+            0.3137,
+            0.4353
+          ],
+          "hex": "#12506f"
+        },
+        "$description": "Hover del texto de acción en modo claro (8.74:1 sobre blanco)"
       }
     },
     "indigo": {
@@ -208,6 +221,18 @@
           "hex": "#6b7183"
         }
       },
+      "450": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3725,
+            0.3961,
+            0.4588
+          ],
+          "hex": "#5f6575"
+        },
+        "$description": "Texto atenuado en modo claro (5.11:1 sobre --surface-3; night-400 solo daba 4.27:1)"
+      },
       "500": {
         "$value": {
           "colorSpace": "srgb",

package/dist/slop.js

@@ -151,14 +151,14 @@ export function checkSlop(code, lang, mode = "light") {
                 fix: "El glow es del elemento hero/CTA; máximo uno por pantalla." });
         }
     }
-    // Borde lateral de acento en tarjetas. Exención: Toast y Alert usan border-left semántico de 3px por spec (§10.17).
+    // Borde lateral de acento en tarjetas. Exención: Toast (§10.17) y Alert (§10.16) usan border-left semántico de 3px por spec.
     for (const m of code.matchAll(/([^{}]*)\{([^}]*)\}/g)) {
         if (/toast|alert/i.test(m[1]))
             continue;
         if (accentSideBorder(m[2].toLowerCase())) {
             out.push({ level: "info", rule: "borde-acento-lateral", line: 0,
                 message: "Borde lateral de acento en una superficie; tell de tarjeta de IA.",
-                fix: "Reserva el border-left semántico para Toast y Alert (3px, §10.17); las tarjetas usan borde neutro completo." });
+                fix: "Reserva el border-left semántico para Toast (§10.17) y Alert (§10.16), 3px; las tarjetas usan borde neutro completo." });
         }
     }
     lines.forEach((line, i) => {
@@ -168,7 +168,7 @@ export function checkSlop(code, lang, mode = "light") {
             if (accentSideBorder(m[1].toLowerCase())) {
                 out.push({ level: "info", rule: "borde-acento-lateral", line: i + 1,
                     message: "Borde lateral de acento en una superficie; tell de tarjeta de IA.",
-                    fix: "Reserva el border-left semántico para Toast y Alert (3px, §10.17); las tarjetas usan borde neutro completo." });
+                    fix: "Reserva el border-left semántico para Toast (§10.17) y Alert (§10.16), 3px; las tarjetas usan borde neutro completo." });
             }
         }
     });

package/package.json

@@ -1,18 +1,40 @@
 {
   "name": "@higinio/design-mcp",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "MCP server de los design systems de Higinio (Celeste Clásica y Nocturna Eléctrica).",
   "type": "module",
   "license": "UNLICENSED",
   "author": "Higinio Sosa",
-  "repository": { "type": "git", "url": "git+https://github.com/HiginioSosa/Diseno-Higinio.git", "directory": "mcp" },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/HiginioSosa/Diseno-Higinio.git",
+    "directory": "mcp"
+  },
   "homepage": "https://github.com/HiginioSosa/Diseno-Higinio#readme",
-  "bugs": { "url": "https://github.com/HiginioSosa/Diseno-Higinio/issues" },
-  "keywords": ["mcp", "design-system", "design-tokens", "celeste-clasica", "nocturna-electrica"],
-  "bin": { "design-mcp": "dist/index.js", "design-lint": "dist/cli.js" },
-  "files": ["dist", "assets"],
-  "publishConfig": { "access": "public" },
-  "engines": { "node": ">=20" },
+  "bugs": {
+    "url": "https://github.com/HiginioSosa/Diseno-Higinio/issues"
+  },
+  "keywords": [
+    "mcp",
+    "design-system",
+    "design-tokens",
+    "celeste-clasica",
+    "nocturna-electrica"
+  ],
+  "bin": {
+    "design-mcp": "dist/index.js",
+    "design-lint": "dist/cli.js"
+  },
+  "files": [
+    "dist",
+    "assets"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=20"
+  },
   "scripts": {
     "sync-assets": "tsx scripts/sync-assets.ts",
     "build": "tsc",