@higinio/design-mcp 0.2.0 → 0.2.1

package/assets/bruma/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.949,
+            0.9451,
+            0.9647
+          ],
+          "hex": "#f2f1f6"
+        }
       },
       "surface": {
-        "$value": "{color.neutral.0}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9843,
+            0.9843,
+            0.9922
+          ],
+          "hex": "#fbfbfd"
+        }
       },
       "surfaceAlt": {
-        "$value": "{color.neutral.100}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.9137,
+            0.9098,
+            0.9412
+          ],
+          "hex": "#e9e8f0"
+        }
       },
       "border": {
-        "$value": "{color.neutral.200}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8706,
+            0.8627,
+            0.9098
+          ],
+          "hex": "#dedce8"
+        }
       },
       "borderStrong": {
-        "$value": "{color.neutral.400}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5255,
+            0.5176,
+            0.6039
+          ],
+          "hex": "#86849a"
+        }
       },
       "textPrimary": {
-        "$value": "{color.neutral.800}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.1725,
+            0.1686,
+            0.2196
+          ],
+          "hex": "#2c2b38"
+        }
       },
       "textSecondary": {
-        "$value": "{color.neutral.600}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2824,
+            0.2784,
+            0.3529
+          ],
+          "hex": "#48475a"
+        }
       },
       "textMuted": {
-        "$value": "{color.neutral.500}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3647,
+            0.3569,
+            0.4314
+          ],
+          "hex": "#5d5b6e"
+        }
       },
       "textDisabled": {
-        "$value": "{color.neutral.400}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5255,
+            0.5176,
+            0.6039
+          ],
+          "hex": "#86849a"
+        }
       },
       "textOnPrimary": {
         "$value": {
@@ -423,23 +495,650 @@
         }
       },
       "accent": {
-        "$value": "{color.primary.500}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3569,
+            0.3412,
+            0.5412
+          ],
+          "hex": "#5b578a"
+        }
       },
       "accentHover": {
-        "$value": "{color.primary.600}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.302,
+            0.2863,
+            0.4745
+          ],
+          "hex": "#4d4979"
+        }
       },
       "accentActive": {
-        "$value": "{color.primary.700}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.251,
+            0.2392,
+            0.4
+          ],
+          "hex": "#403d66"
+        }
       },
       "accentSoft": {
-        "$value": "{color.primary.50}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.898,
+            0.8902,
+            0.9451
+          ],
+          "hex": "#e5e3f1"
+        }
       },
       "accentSoftStrong": {
-        "$value": "{color.primary.100}"
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.8471,
+            0.8353,
+            0.9176
+          ],
+          "hex": "#d8d5ea"
+        }
       },
       "link": {
-        "$value": "{color.primary.600}",
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.302,
+            0.2863,
+            0.4745
+          ],
+          "hex": "#4d4979"
+        },
         "$description": "Texto de links y botones ghost — AA ~8:1"
+      },
+      "actionBg": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3569,
+            0.3412,
+            0.5412
+          ],
+          "hex": "#5b578a"
+        }
+      },
+      "actionHover": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.302,
+            0.2863,
+            0.4745
+          ],
+          "hex": "#4d4979"
+        }
+      },
+      "actionActive": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.251,
+            0.2392,
+            0.4
+          ],
+          "hex": "#403d66"
+        }
+      },
+      "textOnAction": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "hex": "#ffffff"
+        }
+      },
+      "controlBorder": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5255,
+            0.5176,
+            0.6039
+          ],
+          "hex": "#86849a"
+        }
+      },
+      "focusColor": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3569,
+            0.3412,
+            0.5412
+          ],
+          "hex": "#5b578a"
+        }
+      },
+      "placeholder": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3647,
+            0.3569,
+            0.4314
+          ],
+          "hex": "#5d5b6e"
+        }
+      },
+      "selectionBg": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3569,
+            0.3412,
+            0.5412
+          ],
+          "hex": "#5b578a"
+        }
+      },
+      "selectionText": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            1,
+            1,
+            1
+          ],
+          "hex": "#ffffff"
+        }
+      },
+      "chart-1": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5216,
+            0.4824,
+            0.7569
+          ],
+          "hex": "#857bc1"
+        }
+      },
+      "chart-2": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5412,
+            0.3765,
+            0.0392
+          ],
+          "hex": "#8a600a"
+        }
+      },
+      "chart-3": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.2902,
+            0.549,
+            0.7569
+          ],
+          "hex": "#4a8cc1"
+        }
+      },
+      "chart-4": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5216,
+            0.2471,
+            0.3882
+          ],
+          "hex": "#853f63"
+        }
+      },
+      "chart-5": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.0706,
+            0.6039,
+            0.5725
+          ],
+          "hex": "#129a92"
+        }
+      },
+      "chart-6": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.5569,
+            0.251,
+            0.1922
+          ],
+          "hex": "#8e4031"
+        }
+      },
+      "chart-7": {
+        "$value": {
+          "colorSpace": "srgb",
+          "components": [
+            0.3569,
+            0.5922,
+            0.3686
+          ],
+          "hex": "#5b975e"
+        }
+      }
+    },
+    "modes": {
+      "$description": "Roles de interacción por tema, derivados de tokens.css.",
+      "light": {
+        "surface": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.9843,
+              0.9843,
+              0.9922
+            ],
+            "hex": "#fbfbfd"
+          }
+        },
+        "surfaceAlt": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.9137,
+              0.9098,
+              0.9412
+            ],
+            "hex": "#e9e8f0"
+          }
+        },
+        "actionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3569,
+              0.3412,
+              0.5412
+            ],
+            "hex": "#5b578a"
+          }
+        },
+        "actionHover": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.302,
+              0.2863,
+              0.4745
+            ],
+            "hex": "#4d4979"
+          }
+        },
+        "actionActive": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.251,
+              0.2392,
+              0.4
+            ],
+            "hex": "#403d66"
+          }
+        },
+        "textOnAction": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "hex": "#ffffff"
+          }
+        },
+        "controlBorder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5255,
+              0.5176,
+              0.6039
+            ],
+            "hex": "#86849a"
+          }
+        },
+        "focusColor": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3569,
+              0.3412,
+              0.5412
+            ],
+            "hex": "#5b578a"
+          }
+        },
+        "placeholder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3647,
+              0.3569,
+              0.4314
+            ],
+            "hex": "#5d5b6e"
+          }
+        },
+        "selectionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3569,
+              0.3412,
+              0.5412
+            ],
+            "hex": "#5b578a"
+          }
+        },
+        "selectionText": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              1,
+              1,
+              1
+            ],
+            "hex": "#ffffff"
+          }
+        },
+        "chart-1": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5216,
+              0.4824,
+              0.7569
+            ],
+            "hex": "#857bc1"
+          }
+        },
+        "chart-2": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5412,
+              0.3765,
+              0.0392
+            ],
+            "hex": "#8a600a"
+          }
+        },
+        "chart-3": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.2902,
+              0.549,
+              0.7569
+            ],
+            "hex": "#4a8cc1"
+          }
+        },
+        "chart-4": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5216,
+              0.2471,
+              0.3882
+            ],
+            "hex": "#853f63"
+          }
+        },
+        "chart-5": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0706,
+              0.6039,
+              0.5725
+            ],
+            "hex": "#129a92"
+          }
+        },
+        "chart-6": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5569,
+              0.251,
+              0.1922
+            ],
+            "hex": "#8e4031"
+          }
+        },
+        "chart-7": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3569,
+              0.5922,
+              0.3686
+            ],
+            "hex": "#5b975e"
+          }
+        }
+      },
+      "dark": {
+        "surface": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1216,
+              0.1176,
+              0.1529
+            ],
+            "hex": "#1f1e27"
+          }
+        },
+        "surfaceAlt": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1529,
+              0.149,
+              0.1843
+            ],
+            "hex": "#27262f"
+          }
+        },
+        "actionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6902,
+              0.6745,
+              0.8627
+            ],
+            "hex": "#b0acdc"
+          }
+        },
+        "actionHover": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.7686,
+              0.7569,
+              0.902
+            ],
+            "hex": "#c4c1e6"
+          }
+        },
+        "actionActive": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6157,
+              0.5961,
+              0.8118
+            ],
+            "hex": "#9d98cf"
+          }
+        },
+        "textOnAction": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0863,
+              0.0824,
+              0.1098
+            ],
+            "hex": "#16151c"
+          }
+        },
+        "controlBorder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.4549,
+              0.4431,
+              0.5373
+            ],
+            "hex": "#747189"
+          }
+        },
+        "focusColor": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6902,
+              0.6745,
+              0.8627
+            ],
+            "hex": "#b0acdc"
+          }
+        },
+        "placeholder": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6667,
+              0.6588,
+              0.7333
+            ],
+            "hex": "#aaa8bb"
+          }
+        },
+        "selectionBg": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6902,
+              0.6745,
+              0.8627
+            ],
+            "hex": "#b0acdc"
+          }
+        },
+        "selectionText": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.0863,
+              0.0824,
+              0.1098
+            ],
+            "hex": "#16151c"
+          }
+        },
+        "chart-1": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5294,
+              0.4863,
+              0.7647
+            ],
+            "hex": "#877cc3"
+          }
+        },
+        "chart-2": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.5804,
+              0.4157,
+              0.1098
+            ],
+            "hex": "#946a1c"
+          }
+        },
+        "chart-3": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.3412,
+              0.5961,
+              0.8078
+            ],
+            "hex": "#5798ce"
+          }
+        },
+        "chart-4": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6275,
+              0.3451,
+              0.4863
+            ],
+            "hex": "#a0587c"
+          }
+        },
+        "chart-5": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.1647,
+              0.6549,
+              0.6196
+            ],
+            "hex": "#2aa79e"
+          }
+        },
+        "chart-6": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.6667,
+              0.3451,
+              0.2863
+            ],
+            "hex": "#aa5849"
+          }
+        },
+        "chart-7": {
+          "$value": {
+            "colorSpace": "srgb",
+            "components": [
+              0.4039,
+              0.6392,
+              0.4118
+            ],
+            "hex": "#67a369"
+          }
+        }
       }
     }
   },
@@ -452,12 +1151,13 @@
           "system-ui",
           "sans-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": [
           "Atkinson Hyperlegible Next",
           "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": 20,
+          "unit": "px"
+        }
+      },
+      "formGap": {
+        "$value": {
+          "value": 20,
+          "unit": "px"
+        }
+      },
+      "sectionGap": {
+        "$value": {
+          "value": 48,
+          "unit": "px"
+        }
+      }
+    }
   },
   "radius": {
     "$type": "dimension",