@higinio/design-mcp 0.2.0 → 0.2.1

package/assets/celeste/tokens.json

@@ -383,53 +383,760 @@
     "alias": {
       "$description": "Capa semántica (modo light). Los componentes consumen solo esto.",
       "bg": {
-        "$value": "{color.neutral.50}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9686,
+            0.9725,
+            0.9804
+          ],
+          "hex": "#f7f8fa"
+        }
       },
       "surface": {
-        "$value": "{color.neutral.0}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "hex": "#ffffff"
+        }
       },
       "surfaceAlt": {
-        "$value": "{color.neutral.100}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9333,
+            0.9412,
+            0.9529
+          ],
+          "hex": "#eef0f3"
+        }
       },
       "border": {
-        "$value": "{color.neutral.200}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8627,
+            0.8745,
+            0.898
+          ],
+          "hex": "#dcdfe5"
+        }
       },
       "borderStrong": {
-        "$value": "{color.neutral.300}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.7216,
+            0.7412,
+            0.7804
+          ],
+          "hex": "#b8bdc7"
+        }
       },
       "textPrimary": {
-        "$value": "{color.neutral.800}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.1922,
+            0.2039,
+            0.2431
+          ],
+          "hex": "#31343e"
+        }
       },
       "textSecondary": {
-        "$value": "{color.neutral.600}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.302,
+            0.3176,
+            0.3765
+          ],
+          "hex": "#4d5160"
+        }
       },
       "textMuted": {
-        "$value": "{color.neutral.500}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4,
+            0.4196,
+            0.4706
+          ],
+          "hex": "#666b78"
+        }
       },
       "textDisabled": {
-        "$value": "{color.neutral.400}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5412,
+            0.5608,
+            0.6118
+          ],
+          "hex": "#8a8f9c"
+        }
       },
       "textOnPrimary": {
-        "$value": "{color.neutral.0}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "hex": "#ffffff"
+        }
       },
       "accent": {
-        "$value": "{color.primary.500}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4431,
+            0.5725,
+            0.7294
+          ],
+          "hex": "#7192ba"
+        }
       },
       "accentHover": {
-        "$value": "{color.primary.600}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3647,
+            0.4824,
+            0.6392
+          ],
+          "hex": "#5d7ba3"
+        }
       },
       "accentActive": {
-        "$value": "{color.primary.700}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.302,
+            0.3961,
+            0.5333
+          ],
+          "hex": "#4d6588"
+        }
       },
       "accentSoft": {
-        "$value": "{color.primary.50}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.949,
+            0.9647,
+            0.9804
+          ],
+          "hex": "#f2f6fa"
+        }
       },
       "accentSoftStrong": {
-        "$value": "{color.primary.100}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8745,
+            0.9137,
+            0.949
+          ],
+          "hex": "#dfe9f2"
+        }
       },
       "link": {
-        "$value": "{color.primary.700}",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.302,
+            0.3961,
+            0.5333
+          ],
+          "hex": "#4d6588"
+        },
         "$description": "Texto de links y botones ghost — AA ~6:1"
+      },
+      "actionBg": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.302,
+            0.3961,
+            0.5333
+          ],
+          "hex": "#4d6588"
+        }
+      },
+      "actionHover": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.251,
+            0.3255,
+            0.4314
+          ],
+          "hex": "#40536e"
+        }
+      },
+      "actionActive": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.1922,
+            0.2039,
+            0.2431
+          ],
+          "hex": "#31343e"
+        }
+      },
+      "textOnAction": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "hex": "#ffffff"
+        }
+      },
+      "controlBorder": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5412,
+            0.5608,
+            0.6118
+          ],
+          "hex": "#8a8f9c"
+        }
+      },
+      "focusColor": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4431,
+            0.5725,
+            0.7294
+          ],
+          "hex": "#7192ba"
+        }
+      },
+      "placeholder": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.4,
+            0.4196,
+            0.4706
+          ],
+          "hex": "#666b78"
+        }
+      },
+      "selectionBg": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.302,
+            0.3961,
+            0.5333
+          ],
+          "hex": "#4d6588"
+        }
+      },
+      "selectionText": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "hex": "#ffffff"
+        }
+      },
+      "chart-1": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2902,
+            0.549,
+            0.7569
+          ],
+          "hex": "#4a8cc1"
+        }
+      },
+      "chart-2": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5216,
+            0.2471,
+            0.3882
+          ],
+          "hex": "#853f63"
+        }
+      },
+      "chart-3": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.0706,
+            0.6039,
+            0.5725
+          ],
+          "hex": "#129a92"
+        }
+      },
+      "chart-4": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5569,
+            0.251,
+            0.1922
+          ],
+          "hex": "#8e4031"
+        }
+      },
+      "chart-5": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3569,
+            0.5922,
+            0.3686
+          ],
+          "hex": "#5b975e"
+        }
+      },
+      "chart-6": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5412,
+            0.3765,
+            0.0392
+          ],
+          "hex": "#8a600a"
+        }
+      },
+      "chart-7": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5216,
+            0.4824,
+            0.7569
+          ],
+          "hex": "#857bc1"
+        }
+      }
+    },
+    "modes": {
+      "$description": "Roles de interacción por tema, derivados de tokens.css.",
+      "light": {
+        "surface": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "hex": "#ffffff"
+          }
+        },
+        "surfaceAlt": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.9333,
+              0.9412,
+              0.9529
+            ],
+            "hex": "#eef0f3"
+          }
+        },
+        "actionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.302,
+              0.3961,
+              0.5333
+            ],
+            "hex": "#4d6588"
+          }
+        },
+        "actionHover": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.251,
+              0.3255,
+              0.4314
+            ],
+            "hex": "#40536e"
+          }
+        },
+        "actionActive": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1922,
+              0.2039,
+              0.2431
+            ],
+            "hex": "#31343e"
+          }
+        },
+        "textOnAction": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "hex": "#ffffff"
+          }
+        },
+        "controlBorder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5412,
+              0.5608,
+              0.6118
+            ],
+            "hex": "#8a8f9c"
+          }
+        },
+        "focusColor": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.4431,
+              0.5725,
+              0.7294
+            ],
+            "hex": "#7192ba"
+          }
+        },
+        "placeholder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.4,
+              0.4196,
+              0.4706
+            ],
+            "hex": "#666b78"
+          }
+        },
+        "selectionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.302,
+              0.3961,
+              0.5333
+            ],
+            "hex": "#4d6588"
+          }
+        },
+        "selectionText": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "hex": "#ffffff"
+          }
+        },
+        "chart-1": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.2902,
+              0.549,
+              0.7569
+            ],
+            "hex": "#4a8cc1"
+          }
+        },
+        "chart-2": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5216,
+              0.2471,
+              0.3882
+            ],
+            "hex": "#853f63"
+          }
+        },
+        "chart-3": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0706,
+              0.6039,
+              0.5725
+            ],
+            "hex": "#129a92"
+          }
+        },
+        "chart-4": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5569,
+              0.251,
+              0.1922
+            ],
+            "hex": "#8e4031"
+          }
+        },
+        "chart-5": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3569,
+              0.5922,
+              0.3686
+            ],
+            "hex": "#5b975e"
+          }
+        },
+        "chart-6": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5412,
+              0.3765,
+              0.0392
+            ],
+            "hex": "#8a600a"
+          }
+        },
+        "chart-7": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5216,
+              0.4824,
+              0.7569
+            ],
+            "hex": "#857bc1"
+          }
+        }
+      },
+      "dark": {
+        "surface": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1137,
+              0.1255,
+              0.1569
+            ],
+            "hex": "#1d2028"
+          }
+        },
+        "surfaceAlt": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1451,
+              0.1608,
+              0.2078
+            ],
+            "hex": "#252935"
+          }
+        },
+        "actionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5294,
+              0.6588,
+              0.7804
+            ],
+            "hex": "#87a8c7"
+          }
+        },
+        "actionHover": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6275,
+              0.7529,
+              0.8314
+            ],
+            "hex": "#a0c0d4"
+          }
+        },
+        "actionActive": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.4431,
+              0.5725,
+              0.7294
+            ],
+            "hex": "#7192ba"
+          }
+        },
+        "textOnAction": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0863,
+              0.0941,
+              0.1176
+            ],
+            "hex": "#16181e"
+          }
+        },
+        "controlBorder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5451,
+              0.5686,
+              0.6275
+            ],
+            "hex": "#8b91a0"
+          }
+        },
+        "focusColor": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5294,
+              0.6588,
+              0.7804
+            ],
+            "hex": "#87a8c7"
+          }
+        },
+        "placeholder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5451,
+              0.5686,
+              0.6275
+            ],
+            "hex": "#8b91a0"
+          }
+        },
+        "selectionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5294,
+              0.6588,
+              0.7804
+            ],
+            "hex": "#87a8c7"
+          }
+        },
+        "selectionText": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0863,
+              0.0941,
+              0.1176
+            ],
+            "hex": "#16181e"
+          }
+        },
+        "chart-1": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3412,
+              0.5961,
+              0.8078
+            ],
+            "hex": "#5798ce"
+          }
+        },
+        "chart-2": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6275,
+              0.3451,
+              0.4863
+            ],
+            "hex": "#a0587c"
+          }
+        },
+        "chart-3": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1647,
+              0.6549,
+              0.6196
+            ],
+            "hex": "#2aa79e"
+          }
+        },
+        "chart-4": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6667,
+              0.3451,
+              0.2863
+            ],
+            "hex": "#aa5849"
+          }
+        },
+        "chart-5": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.4039,
+              0.6392,
+              0.4118
+            ],
+            "hex": "#67a369"
+          }
+        },
+        "chart-6": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5804,
+              0.4157,
+              0.1098
+            ],
+            "hex": "#946a1c"
+          }
+        },
+        "chart-7": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5294,
+              0.4863,
+              0.7647
+            ],
+            "hex": "#877cc3"
+          }
+        }
       }
     }
   },
@@ -442,12 +1149,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": [
           "Public Sans",
           "system-ui",
+          "-apple-system",
           "sans-serif"
         ]
       },
@@ -564,16 +1272,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."
       }
     }
   },
@@ -650,7 +1356,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": 24,
+          "unit": "px"
+        }
+      },
+      "formGap": {
+        "$value": {
+          "value": 20,
+          "unit": "px"
+        }
+      },
+      "sectionGap": {
+        "$value": {
+          "value": 64,
+          "unit": "px"
+        }
+      }
+    }
   },
   "radius": {
     "$type": "dimension",