@higinio/design-mcp 0.2.0 → 0.2.1

package/assets/salvia/tokens.json

@@ -385,31 +385,103 @@
     "alias": {
       "$description": "Capa semántica (modo light). Los componentes consumen solo esto.",
       "bg": {
-        "$value": "{color.neutral.50}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9529,
+            0.949,
+            0.9255
+          ],
+          "hex": "#f3f2ec"
+        }
       },
       "surface": {
-        "$value": "{color.neutral.0}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9843,
+            0.9804,
+            0.9647
+          ],
+          "hex": "#fbfaf6"
+        }
       },
       "surfaceAlt": {
-        "$value": "{color.neutral.100}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9176,
+            0.9137,
+            0.8824
+          ],
+          "hex": "#eae9e1"
+        }
       },
       "border": {
-        "$value": "{color.neutral.200}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8745,
+            0.8784,
+            0.8392
+          ],
+          "hex": "#dfe0d6"
+        }
       },
       "borderStrong": {
-        "$value": "{color.neutral.400}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5216,
+            0.5529,
+            0.5176
+          ],
+          "hex": "#858d84"
+        }
       },
       "textPrimary": {
-        "$value": "{color.neutral.800}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.1725,
+            0.2118,
+            0.1882
+          ],
+          "hex": "#2c3630"
+        }
       },
       "textSecondary": {
-        "$value": "{color.neutral.600}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2784,
+            0.3216,
+            0.2941
+          ],
+          "hex": "#47524b"
+        }
       },
       "textMuted": {
-        "$value": "{color.neutral.500}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3608,
+            0.4039,
+            0.3725
+          ],
+          "hex": "#5c675f"
+        }
       },
       "textDisabled": {
-        "$value": "{color.neutral.400}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5216,
+            0.5529,
+            0.5176
+          ],
+          "hex": "#858d84"
+        }
       },
       "textOnPrimary": {
         "$value": {
@@ -423,23 +495,650 @@
         }
       },
       "accent": {
-        "$value": "{color.primary.500}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3098,
+            0.4196,
+            0.3451
+          ],
+          "hex": "#4f6b58"
+        }
       },
       "accentHover": {
-        "$value": "{color.primary.600}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2627,
+            0.3608,
+            0.2941
+          ],
+          "hex": "#435c4b"
+        }
       },
       "accentActive": {
-        "$value": "{color.primary.700}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2196,
+            0.302,
+            0.2471
+          ],
+          "hex": "#384d3f"
+        }
       },
       "accentSoft": {
-        "$value": "{color.primary.50}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8863,
+            0.9176,
+            0.8745
+          ],
+          "hex": "#e2eadf"
+        }
       },
       "accentSoftStrong": {
-        "$value": "{color.primary.100}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8314,
+            0.8784,
+            0.8196
+          ],
+          "hex": "#d4e0d1"
+        }
       },
       "link": {
-        "$value": "{color.primary.600}",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2627,
+            0.3608,
+            0.2941
+          ],
+          "hex": "#435c4b"
+        },
         "$description": "Texto de links y botones ghost — AA ~6:1"
+      },
+      "actionBg": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3098,
+            0.4196,
+            0.3451
+          ],
+          "hex": "#4f6b58"
+        }
+      },
+      "actionHover": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2627,
+            0.3608,
+            0.2941
+          ],
+          "hex": "#435c4b"
+        }
+      },
+      "actionActive": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2196,
+            0.302,
+            0.2471
+          ],
+          "hex": "#384d3f"
+        }
+      },
+      "textOnAction": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "hex": "#ffffff"
+        }
+      },
+      "controlBorder": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5216,
+            0.5529,
+            0.5176
+          ],
+          "hex": "#858d84"
+        }
+      },
+      "focusColor": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3098,
+            0.4196,
+            0.3451
+          ],
+          "hex": "#4f6b58"
+        }
+      },
+      "placeholder": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3608,
+            0.4039,
+            0.3725
+          ],
+          "hex": "#5c675f"
+        }
+      },
+      "selectionBg": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3098,
+            0.4196,
+            0.3451
+          ],
+          "hex": "#4f6b58"
+        }
+      },
+      "selectionText": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "hex": "#ffffff"
+        }
+      },
+      "chart-1": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3294,
+            0.5961,
+            0.3922
+          ],
+          "hex": "#549864"
+        }
+      },
+      "chart-2": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5529,
+            0.2588,
+            0.149
+          ],
+          "hex": "#8d4226"
+        }
+      },
+      "chart-3": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.0902,
+            0.6039,
+            0.5569
+          ],
+          "hex": "#179a8e"
+        }
+      },
+      "chart-4": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5059,
+            0.2549,
+            0.4275
+          ],
+          "hex": "#81416d"
+        }
+      },
+      "chart-5": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5412,
+            0.5451,
+            0.2235
+          ],
+          "hex": "#8a8b39"
+        }
+      },
+      "chart-6": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.098,
+            0.3725,
+            0.5686
+          ],
+          "hex": "#195f91"
+        }
+      },
+      "chart-7": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.6,
+            0.4353,
+            0.0941
+          ],
+          "hex": "#996f18"
+        }
+      }
+    },
+    "modes": {
+      "$description": "Roles de interacción por tema, derivados de tokens.css.",
+      "light": {
+        "surface": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.9843,
+              0.9804,
+              0.9647
+            ],
+            "hex": "#fbfaf6"
+          }
+        },
+        "surfaceAlt": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.9176,
+              0.9137,
+              0.8824
+            ],
+            "hex": "#eae9e1"
+          }
+        },
+        "actionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3098,
+              0.4196,
+              0.3451
+            ],
+            "hex": "#4f6b58"
+          }
+        },
+        "actionHover": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.2627,
+              0.3608,
+              0.2941
+            ],
+            "hex": "#435c4b"
+          }
+        },
+        "actionActive": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.2196,
+              0.302,
+              0.2471
+            ],
+            "hex": "#384d3f"
+          }
+        },
+        "textOnAction": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "hex": "#ffffff"
+          }
+        },
+        "controlBorder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5216,
+              0.5529,
+              0.5176
+            ],
+            "hex": "#858d84"
+          }
+        },
+        "focusColor": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3098,
+              0.4196,
+              0.3451
+            ],
+            "hex": "#4f6b58"
+          }
+        },
+        "placeholder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3608,
+              0.4039,
+              0.3725
+            ],
+            "hex": "#5c675f"
+          }
+        },
+        "selectionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3098,
+              0.4196,
+              0.3451
+            ],
+            "hex": "#4f6b58"
+          }
+        },
+        "selectionText": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "hex": "#ffffff"
+          }
+        },
+        "chart-1": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3294,
+              0.5961,
+              0.3922
+            ],
+            "hex": "#549864"
+          }
+        },
+        "chart-2": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5529,
+              0.2588,
+              0.149
+            ],
+            "hex": "#8d4226"
+          }
+        },
+        "chart-3": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0902,
+              0.6039,
+              0.5569
+            ],
+            "hex": "#179a8e"
+          }
+        },
+        "chart-4": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5059,
+              0.2549,
+              0.4275
+            ],
+            "hex": "#81416d"
+          }
+        },
+        "chart-5": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5412,
+              0.5451,
+              0.2235
+            ],
+            "hex": "#8a8b39"
+          }
+        },
+        "chart-6": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.098,
+              0.3725,
+              0.5686
+            ],
+            "hex": "#195f91"
+          }
+        },
+        "chart-7": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6,
+              0.4353,
+              0.0941
+            ],
+            "hex": "#996f18"
+          }
+        }
+      },
+      "dark": {
+        "surface": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1137,
+              0.1373,
+              0.1216
+            ],
+            "hex": "#1d231f"
+          }
+        },
+        "surfaceAlt": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1451,
+              0.1725,
+              0.1529
+            ],
+            "hex": "#252c27"
+          }
+        },
+        "actionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6235,
+              0.7608,
+              0.6588
+            ],
+            "hex": "#9fc2a8"
+          }
+        },
+        "actionHover": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.7098,
+              0.8235,
+              0.7373
+            ],
+            "hex": "#b5d2bc"
+          }
+        },
+        "actionActive": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5412,
+              0.698,
+              0.5843
+            ],
+            "hex": "#8ab295"
+          }
+        },
+        "textOnAction": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0824,
+              0.102,
+              0.0902
+            ],
+            "hex": "#151a17"
+          }
+        },
+        "controlBorder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.4353,
+              0.4824,
+              0.4471
+            ],
+            "hex": "#6f7b72"
+          }
+        },
+        "focusColor": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6235,
+              0.7608,
+              0.6588
+            ],
+            "hex": "#9fc2a8"
+          }
+        },
+        "placeholder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.651,
+              0.6902,
+              0.6588
+            ],
+            "hex": "#a6b0a8"
+          }
+        },
+        "selectionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6235,
+              0.7608,
+              0.6588
+            ],
+            "hex": "#9fc2a8"
+          }
+        },
+        "selectionText": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0824,
+              0.102,
+              0.0902
+            ],
+            "hex": "#151a17"
+          }
+        },
+        "chart-1": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3765,
+              0.6431,
+              0.4353
+            ],
+            "hex": "#60a46f"
+          }
+        },
+        "chart-2": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6588,
+              0.3529,
+              0.2471
+            ],
+            "hex": "#a85a3f"
+          }
+        },
+        "chart-3": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1765,
+              0.6549,
+              0.6078
+            ],
+            "hex": "#2da79b"
+          }
+        },
+        "chart-4": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6078,
+              0.349,
+              0.5255
+            ],
+            "hex": "#9b5986"
+          }
+        },
+        "chart-5": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5059,
+              0.5098,
+              0.1882
+            ],
+            "hex": "#818230"
+          }
+        },
+        "chart-6": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.2118,
+              0.4706,
+              0.6745
+            ],
+            "hex": "#3678ac"
+          }
+        },
+        "chart-7": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5804,
+              0.4196,
+              0.0627
+            ],
+            "hex": "#946b10"
+          }
+        }
       }
     }
   },
@@ -452,12 +1151,13 @@
           "Georgia",
           "serif"
         ],
-        "$description": "Solo h1–h2 y cifras hero"
+        "$description": "Marca y lectura; en pantallas operativas usar la familia de UI según función, no etiqueta HTML."
       },
       "body": {
         "$value": [
           "Nunito Sans",
           "system-ui",
+          "-apple-system",
           "sans-serif"
         ]
       },
@@ -574,16 +1274,14 @@
     "tracking": {
       "$type": "dimension",
       "display": {
-        "$value": {
-          "value": -0.02,
-          "unit": "rem"
-        }
+        "$value": -0.02,
+        "$type": "number",
+        "$description": "Multiplicador em del tamaño de fuente actual; CSS --tracking-display."
       },
       "label": {
-        "$value": {
-          "value": 0.04,
-          "unit": "rem"
-        }
+        "$value": 0.04,
+        "$type": "number",
+        "$description": "Multiplicador em del tamaño de fuente actual; CSS --tracking-label."
       }
     }
   },
@@ -660,7 +1358,53 @@
         "unit": "px"
       }
     },
-    "$type": "dimension"
+    "$type": "dimension",
+    "layout": {
+      "$type": "dimension",
+      "$description": "Separación por relación entre bloques, campos, tarjetas y secciones.",
+      "fieldGap": {
+        "$value": {
+          "value": 6,
+          "unit": "px"
+        }
+      },
+      "headingGap": {
+        "$value": {
+          "value": 8,
+          "unit": "px"
+        }
+      },
+      "contentGap": {
+        "$value": {
+          "value": 16,
+          "unit": "px"
+        }
+      },
+      "cardContentGap": {
+        "$value": {
+          "value": 16,
+          "unit": "px"
+        }
+      },
+      "cardGroupGap": {
+        "$value": {
+          "value": 32,
+          "unit": "px"
+        }
+      },
+      "formGap": {
+        "$value": {
+          "value": 20,
+          "unit": "px"
+        }
+      },
+      "sectionGap": {
+        "$value": {
+          "value": 64,
+          "unit": "px"
+        }
+      }
+    }
   },
   "radius": {
     "$type": "dimension",