@cobwds/mcp-server 1.19.3

package/data/tokens/tokens.json

@@ -0,0 +1,1553 @@
+{
+  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
+  "primitive": {
+    "$description": "Raw foundational values - not for direct use in code, referenced by applied tokens",
+    "color": {
+      "$type": "color",
+      "neutral": {
+        "10": {
+          "$value": "#f6f6f6"
+        },
+        "50": {
+          "$value": "#ededed"
+        },
+        "100": {
+          "$value": "#d0d0ce"
+        },
+        "200": {
+          "$value": "#bec0c1"
+        },
+        "300": {
+          "$value": "#a7a9ab"
+        },
+        "400": {
+          "$value": "#909395"
+        },
+        "500": {
+          "$value": "#797c7f"
+        },
+        "600": {
+          "$value": "#62666a"
+        },
+        "700": {
+          "$value": "#4a4d4f"
+        },
+        "800": {
+          "$value": "#323435"
+        },
+        "900": {
+          "$value": "#1b1b1b"
+        }
+      },
+      "black": {
+        "$value": "#000000"
+      },
+      "white": {
+        "$value": "#ffffff"
+      },
+      "red": {
+        "10": {
+          "$value": "#fbf4f4"
+        },
+        "50": {
+          "$value": "#f7eaea"
+        },
+        "100": {
+          "$value": "#f0d5d5"
+        },
+        "200": {
+          "$value": "#e4b3b3"
+        },
+        "300": {
+          "$value": "#d89191"
+        },
+        "400": {
+          "$value": "#cc6f6f"
+        },
+        "500": {
+          "$value": "#c04d4d"
+        },
+        "600": {
+          "$value": "#b52c2c"
+        },
+        "700": {
+          "$value": "#932424"
+        },
+        "800": {
+          "$value": "#721c1c"
+        },
+        "900": {
+          "$value": "#511414"
+        }
+      },
+      "blue": {
+        "$description": "City of Boston blue scale. Evenly interpolated from blue.10 to Optimistic Blue (700); 800 is midpoint to Charles Blue (900).",
+        "10": {
+          "$value": "#e8f4fc",
+          "$description": "Lightest blue tint. Kept as brand light blue anchor."
+        },
+        "50": {
+          "$value": "#cee4f4"
+        },
+        "100": {
+          "$value": "#b4d3ec"
+        },
+        "200": {
+          "$value": "#9ac3e4"
+        },
+        "300": {
+          "$value": "#80b2dc"
+        },
+        "400": {
+          "$value": "#66a2d5"
+        },
+        "500": {
+          "$value": "#4c92cd"
+        },
+        "600": {
+          "$value": "#3281c5"
+        },
+        "700": {
+          "$value": "{primitive.color.optimistic-blue}",
+          "$description": "Primary brand blue step. Resolves to Optimistic Blue."
+        },
+        "800": {
+          "$value": "#104876",
+          "$description": "Midpoint between Optimistic Blue (700) and Charles Blue (900). USE for theme.strong."
+        },
+        "900": {
+          "$value": "{primitive.color.charles-blue}",
+          "$description": "Darkest brand blue step. Resolves to Charles Blue."
+        }
+      },
+      "green": {
+        "10": {
+          "$value": "#f3f8f4"
+        },
+        "50": {
+          "$value": "#e8f1ea"
+        },
+        "100": {
+          "$value": "#d2e3d5"
+        },
+        "200": {
+          "$value": "#aecdb3"
+        },
+        "300": {
+          "$value": "#8ab792"
+        },
+        "400": {
+          "$value": "#66a170"
+        },
+        "500": {
+          "$value": "#428b4f"
+        },
+        "600": {
+          "$value": "#1e752e"
+        },
+        "700": {
+          "$value": "#165923"
+        },
+        "800": {
+          "$value": "#0f3d18"
+        },
+        "900": {
+          "$value": "#08210d"
+        }
+      },
+      "yellow": {
+        "10": {
+          "$value": "#fefcf2"
+        },
+        "50": {
+          "$value": "#fefae5"
+        },
+        "100": {
+          "$value": "#fef5cc"
+        },
+        "200": {
+          "$value": "#fce888"
+        },
+        "300": {
+          "$value": "#fbdb44"
+        },
+        "400": {
+          "$value": "#face00"
+        },
+        "500": {
+          "$value": "#d6b000"
+        },
+        "600": {
+          "$value": "#b29200"
+        },
+        "700": {
+          "$value": "#8e7500"
+        },
+        "800": {
+          "$value": "#6a5700"
+        },
+        "900": {
+          "$value": "#463a00"
+        }
+      },
+      "state-blue": {
+        "10": {
+          "$value": "#f7fafd"
+        },
+        "50": {
+          "$value": "#eff6fb"
+        },
+        "100": {
+          "$value": "#cddde9"
+        },
+        "200": {
+          "$value": "#abc4d8"
+        },
+        "300": {
+          "$value": "#89abc7"
+        },
+        "400": {
+          "$value": "#6792b6"
+        },
+        "500": {
+          "$value": "#457aa5"
+        },
+        "600": {
+          "$value": "#2d618c"
+        },
+        "700": {
+          "$value": "#154973"
+        },
+        "800": {
+          "$value": "#0e324f"
+        },
+        "900": {
+          "$value": "#081b2b"
+        },
+        "$description": "Default theme palette"
+      },
+      "business-teal": {
+        "10": {
+          "$value": "#f2f6f6"
+        },
+        "50": {
+          "$value": "#e5eded"
+        },
+        "100": {
+          "$value": "#c5d8d9"
+        },
+        "200": {
+          "$value": "#a5c3c5"
+        },
+        "300": {
+          "$value": "#85aeb1"
+        },
+        "400": {
+          "$value": "#65999e"
+        },
+        "500": {
+          "$value": "#387b82"
+        },
+        "600": {
+          "$value": "#0b5d66"
+        },
+        "700": {
+          "$value": "#084b52"
+        },
+        "800": {
+          "$value": "#05393f"
+        },
+        "900": {
+          "$value": "#02272c"
+        }
+      },
+      "health-purple": {
+        "10": {
+          "$value": "#f4f4f8"
+        },
+        "50": {
+          "$value": "#e9eaf1"
+        },
+        "100": {
+          "$value": "#d3d5e3"
+        },
+        "200": {
+          "$value": "#bbb8cc"
+        },
+        "300": {
+          "$value": "#a39bb6"
+        },
+        "400": {
+          "$value": "#8b7fa0"
+        },
+        "500": {
+          "$value": "#736289"
+        },
+        "600": {
+          "$value": "#5b4573"
+        },
+        "700": {
+          "$value": "#43285d"
+        },
+        "800": {
+          "$value": "#2c1a3e"
+        },
+        "900": {
+          "$value": "#160d1f"
+        }
+      },
+      "local-brown": {
+        "10": {
+          "$value": "#f6f5f4"
+        },
+        "50": {
+          "$value": "#eeebe9"
+        },
+        "100": {
+          "$value": "#ddd7d3"
+        },
+        "200": {
+          "$value": "#c3b9b3"
+        },
+        "300": {
+          "$value": "#a99b94"
+        },
+        "400": {
+          "$value": "#8f7d75"
+        },
+        "500": {
+          "$value": "#745e55"
+        },
+        "600": {
+          "$value": "#5a4036"
+        },
+        "700": {
+          "$value": "#402217"
+        },
+        "800": {
+          "$value": "#2a160f"
+        },
+        "900": {
+          "$value": "#150b07"
+        }
+      },
+      "environment-green": {
+        "10": {
+          "$value": "#f5f7f6"
+        },
+        "50": {
+          "$value": "#ecf0ee"
+        },
+        "100": {
+          "$value": "#d9e1dd"
+        },
+        "200": {
+          "$value": "#bac6bf"
+        },
+        "300": {
+          "$value": "#9caba1"
+        },
+        "400": {
+          "$value": "#7e9084"
+        },
+        "500": {
+          "$value": "#5f7566"
+        },
+        "600": {
+          "$value": "#415a48"
+        },
+        "700": {
+          "$value": "#233f2b"
+        },
+        "800": {
+          "$value": "#172a1c"
+        },
+        "900": {
+          "$value": "#0b150e"
+        }
+      },
+      "admin-orange": {
+        "10": {
+          "$value": "#fcf4ef"
+        },
+        "50": {
+          "$value": "#f9e9e0"
+        },
+        "100": {
+          "$value": "#f3d3c1"
+        },
+        "200": {
+          "$value": "#e7b59c"
+        },
+        "300": {
+          "$value": "#db9778"
+        },
+        "400": {
+          "$value": "#d07954"
+        },
+        "500": {
+          "$value": "#c0623b"
+        },
+        "600": {
+          "$value": "#b14b22"
+        },
+        "700": {
+          "$value": "#a2350a"
+        },
+        "800": {
+          "$value": "#752607"
+        },
+        "900": {
+          "$value": "#481704"
+        }
+      },
+      "transportation-blue": {
+        "10": {
+          "$value": "#f4f8fa"
+        },
+        "50": {
+          "$value": "#eaf2f5"
+        },
+        "100": {
+          "$value": "#d5e5eb"
+        },
+        "200": {
+          "$value": "#b2ccd9"
+        },
+        "300": {
+          "$value": "#90b3c7"
+        },
+        "400": {
+          "$value": "#6e9ab5"
+        },
+        "500": {
+          "$value": "#4d83a4"
+        },
+        "600": {
+          "$value": "#2c6c93"
+        },
+        "700": {
+          "$value": "#0b5583"
+        },
+        "800": {
+          "$value": "#093a5c"
+        },
+        "900": {
+          "$value": "#072036"
+        }
+      },
+      "safety-gray": {
+        "10": {
+          "$value": "#f2f5f6"
+        },
+        "50": {
+          "$value": "#e5ebed"
+        },
+        "100": {
+          "$value": "#cdd6da"
+        },
+        "200": {
+          "$value": "#b5c1c8"
+        },
+        "300": {
+          "$value": "#9dacb5"
+        },
+        "400": {
+          "$value": "#8697a3"
+        },
+        "500": {
+          "$value": "#6f8391"
+        },
+        "600": {
+          "$value": "#59707f"
+        },
+        "700": {
+          "$value": "#435d6e"
+        },
+        "800": {
+          "$value": "#30424f"
+        },
+        "900": {
+          "$value": "#1d2830"
+        }
+      },
+      "transparent": {
+        "$value": "#ffffff00"
+      },
+      "black-transparent": {
+        "50": {
+          "$value": "#00000003"
+        },
+        "100": {
+          "$value": "#0000001a"
+        },
+        "200": {
+          "$value": "#00000033"
+        },
+        "300": {
+          "$value": "#0000004d"
+        },
+        "400": {
+          "$value": "#00000066"
+        },
+        "500": {
+          "$value": "#00000080"
+        },
+        "600": {
+          "$value": "#00000099"
+        },
+        "700": {
+          "$value": "#000000b3"
+        },
+        "800": {
+          "$value": "#000000cc"
+        },
+        "900": {
+          "$value": "#000000e6"
+        }
+      },
+      "white-transparent": {
+        "50": {
+          "$value": "#ffffff03"
+        },
+        "100": {
+          "$value": "#ffffff1a"
+        },
+        "200": {
+          "$value": "#ffffff33"
+        },
+        "300": {
+          "$value": "#ffffff4d"
+        },
+        "400": {
+          "$value": "#ffffff66"
+        },
+        "500": {
+          "$value": "#ffffff80"
+        },
+        "600": {
+          "$value": "#ffffff99"
+        },
+        "700": {
+          "$value": "#ffffffb3"
+        },
+        "800": {
+          "$value": "#ffffffcc"
+        },
+        "900": {
+          "$value": "#ffffffe6"
+        }
+      },
+      "optimistic-blue": {
+        "$value": "#1871bd",
+        "$description": "City of Boston Optimistic Blue. Primary brand blue."
+      },
+      "charles-blue": {
+        "$value": "#091f2f",
+        "$description": "City of Boston Charles Blue. USE as darkest brand blue (theme.stronger)."
+      },
+      "freedom-trail-red": {
+        "$value": "#fb4d42",
+        "$description": "City of Boston Freedom Trail Red. USE as accent."
+      }
+    }
+  },
+  "color": {
+    "$type": "color",
+    "$description": "COBWDS color tokens",
+    "theme": {
+      "$description": "Theme colors with agency mode variations",
+      "faint": {
+        "$value": "{primitive.color.blue.10}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.10}",
+            "business": "{primitive.color.business-teal.10}",
+            "environment": "{primitive.color.environment-green.10}",
+            "health": "{primitive.color.health-purple.10}",
+            "local": "{primitive.color.local-brown.10}",
+            "safety": "{primitive.color.safety-gray.10}",
+            "transportation": "{primitive.color.transportation-blue.10}"
+          }
+        },
+        "$description": "Faintest theme tint. USE for subtle backgrounds and hover states."
+      },
+      "weaker": {
+        "$value": "{primitive.color.blue.50}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.50}",
+            "business": "{primitive.color.business-teal.50}",
+            "environment": "{primitive.color.environment-green.50}",
+            "health": "{primitive.color.health-purple.50}",
+            "local": "{primitive.color.local-brown.50}",
+            "safety": "{primitive.color.safety-gray.50}",
+            "transportation": "{primitive.color.transportation-blue.50}"
+          }
+        },
+        "$description": "Very light theme tint. USE for secondary backgrounds and disabled states."
+      },
+      "weak": {
+        "$value": "{primitive.color.blue.100}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.100}",
+            "business": "{primitive.color.business-teal.100}",
+            "environment": "{primitive.color.environment-green.100}",
+            "health": "{primitive.color.health-purple.100}",
+            "local": "{primitive.color.local-brown.100}",
+            "safety": "{primitive.color.safety-gray.100}",
+            "transportation": "{primitive.color.transportation-blue.100}"
+          }
+        },
+        "$description": "Light theme tint. USE for borders and light accent backgrounds."
+      },
+      "mid": {
+        "$value": "{primitive.color.blue.500}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.500}",
+            "business": "{primitive.color.business-teal.500}",
+            "environment": "{primitive.color.environment-green.500}",
+            "health": "{primitive.color.health-purple.500}",
+            "local": "{primitive.color.local-brown.500}",
+            "safety": "{primitive.color.safety-gray.500}",
+            "transportation": "{primitive.color.transportation-blue.500}"
+          }
+        },
+        "$description": "Mid-range theme color. USE for secondary buttons and active states."
+      },
+      "default": {
+        "$value": "{primitive.color.optimistic-blue}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.700}",
+            "business": "{primitive.color.business-teal.700}",
+            "environment": "{primitive.color.environment-green.700}",
+            "health": "{primitive.color.health-purple.700}",
+            "local": "{primitive.color.local-brown.700}",
+            "safety": "{primitive.color.safety-gray.700}",
+            "transportation": "{primitive.color.transportation-blue.700}"
+          }
+        },
+        "$description": "Primary theme color. USE for primary buttons, links, and key UI accents."
+      },
+      "strong": {
+        "$value": "{primitive.color.blue.800}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.800}",
+            "business": "{primitive.color.business-teal.800}",
+            "environment": "{primitive.color.environment-green.800}",
+            "health": "{primitive.color.health-purple.800}",
+            "local": "{primitive.color.local-brown.800}",
+            "safety": "{primitive.color.safety-gray.800}",
+            "transportation": "{primitive.color.transportation-blue.800}"
+          }
+        },
+        "$description": "Dark theme variant. USE for hover states on primary elements."
+      },
+      "stronger": {
+        "$value": "{primitive.color.charles-blue}",
+        "$extensions": {
+          "mode": {
+            "admin": "{primitive.color.admin-orange.900}",
+            "business": "{primitive.color.business-teal.900}",
+            "environment": "{primitive.color.environment-green.900}",
+            "health": "{primitive.color.health-purple.900}",
+            "local": "{primitive.color.local-brown.900}",
+            "safety": "{primitive.color.safety-gray.900}",
+            "transportation": "{primitive.color.transportation-blue.900}"
+          }
+        },
+        "$description": "Darkest theme variant. USE for active/pressed states on primary elements."
+      }
+    }
+  },
+  "applied": {
+    "$description": "Semantic tokens for use in code - reference these, not primitives",
+    "color": {
+      "$type": "color",
+      "accent": {
+        "$value": "{primitive.color.freedom-trail-red}",
+        "$description": "Accent color for highlights and emphasis (Freedom Trail Red). USE sparingly for visual interest."
+      },
+      "base": {
+        "default": {
+          "$value": "{primitive.color.neutral.600}",
+          "$description": "Default base color for UI elements. USE for borders and dividers."
+        },
+        "weak": {
+          "$value": "{primitive.color.neutral.10}",
+          "$description": "Subtle base color. USE for hover states and subtle backgrounds."
+        }
+      },
+      "success": {
+        "default": {
+          "$value": "{primitive.color.green.600}",
+          "$description": "Success state indicator. USE for confirmations and positive feedback. MUST pair with success icon."
+        },
+        "strong": {
+          "$value": "{primitive.color.green.800}",
+          "$description": "Strong success emphasis. USE for success text on light backgrounds."
+        },
+        "weak": {
+          "$value": "{primitive.color.green.50}",
+          "$description": "Success background tint. USE for success alert backgrounds."
+        }
+      },
+      "info": {
+        "default": {
+          "$value": "{primitive.color.blue.600}",
+          "$description": "Informational state. USE for neutral notifications and tips."
+        },
+        "strong": {
+          "$value": "{primitive.color.blue.800}",
+          "$description": "Strong info emphasis. USE for info text on light backgrounds."
+        },
+        "weak": {
+          "$value": "{primitive.color.blue.50}",
+          "$description": "Info background tint. USE for info alert backgrounds."
+        }
+      },
+      "warning": {
+        "default": {
+          "$value": "{primitive.color.yellow.400}",
+          "$description": "Warning state. USE for cautions that need attention. SHOULD pair with warning icon."
+        },
+        "strong": {
+          "$value": "{primitive.color.yellow.800}",
+          "$description": "Strong warning emphasis. USE for warning text on light backgrounds."
+        },
+        "weak": {
+          "$value": "{primitive.color.yellow.50}",
+          "$description": "Warning background tint. USE for warning alert backgrounds."
+        }
+      },
+      "danger": {
+        "default": {
+          "$value": "{primitive.color.red.600}",
+          "$description": "Danger/error state. USE for errors and destructive actions. MUST pair with error message."
+        },
+        "strong": {
+          "$value": "{primitive.color.red.800}",
+          "$description": "Strong danger emphasis. USE for error text on light backgrounds."
+        },
+        "weak": {
+          "$value": "{primitive.color.red.50}",
+          "$description": "Danger background tint. USE for error alert backgrounds."
+        }
+      },
+      "emergency": {
+        "default": {
+          "$value": "{primitive.color.red.800}",
+          "$description": "Emergency banner color. USE only for critical system-wide alerts."
+        },
+        "weak": {
+          "$value": "{primitive.color.red.300}",
+          "$description": "Emergency accent. USE for emergency banner highlights."
+        }
+      },
+      "ink": {
+        "default": {
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Primary ink color. USE for icons and graphic elements."
+        },
+        "reverse": {
+          "$value": "{primitive.color.white}",
+          "$description": "Reverse ink for dark backgrounds. USE for icons on dark surfaces."
+        }
+      },
+      "text": {
+        "default": {
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Primary text color. USE for body copy and headings. MUST meet WCAG 4.5:1 contrast."
+        },
+        "weak": {
+          "$value": "{primitive.color.neutral.700}",
+          "$description": "Secondary text. USE for metadata, captions, and supporting content."
+        },
+        "weaker": {
+          "$value": "{primitive.color.neutral.500}",
+          "$description": "Tertiary text. USE for placeholder text and subtle labels. AVOID for important content."
+        },
+        "weakest": {
+          "$value": "{primitive.color.neutral.200}",
+          "$description": "Decorative text only. AVOID for readable content - insufficient contrast."
+        },
+        "disabled": {
+          "$value": "{primitive.color.neutral.200}",
+          "$description": "Disabled text state. USE only for disabled form elements."
+        },
+        "reverse": {
+          "$value": "{primitive.color.white}",
+          "$description": "Primary text on dark backgrounds. MUST use with surface-reverse."
+        },
+        "reverse-weak": {
+          "$value": "{primitive.color.neutral.100}",
+          "$description": "Secondary text on dark backgrounds. USE for metadata on dark surfaces."
+        },
+        "reverse-weaker": {
+          "$value": "{primitive.color.neutral.200}",
+          "$description": "Tertiary text on dark backgrounds. USE for subtle content on dark surfaces."
+        },
+        "reverse-disabled": {
+          "$value": "{primitive.color.neutral.600}",
+          "$description": "Disabled text on dark backgrounds. USE only for disabled elements on dark surfaces."
+        }
+      },
+      "link": {
+        "default": {
+          "$value": "{primitive.color.blue.600}",
+          "$description": "Default link color. MUST be distinguishable from body text. USE for inline links."
+        },
+        "strong": {
+          "$value": "{primitive.color.blue.700}",
+          "$description": "Visited or hover link state. USE for :visited and :hover states."
+        },
+        "strongest": {
+          "$value": "{primitive.color.blue.800}",
+          "$description": "Active link state. USE for :active state on links."
+        },
+        "neutral": {
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Neutral link style. USE when link styling should match body text color."
+        },
+        "reverse": {
+          "$value": "{primitive.color.neutral.300}",
+          "$description": "Link on dark background. USE for links on dark surfaces."
+        },
+        "reverse-strong": {
+          "$value": "{primitive.color.neutral.50}",
+          "$description": "Hover link on dark background. USE for :hover on dark surfaces."
+        },
+        "reverse-strongest": {
+          "$value": "{primitive.color.white}",
+          "$description": "Active link on dark background. USE for :active on dark surfaces."
+        },
+        "reverse-neutral": {
+          "$value": "{primitive.color.white}",
+          "$description": "Neutral link on dark background. USE for neutral links on dark surfaces."
+        }
+      },
+      "surface": {
+        "default": {
+          "$value": "{primitive.color.white}",
+          "$description": "Default page background. USE for main content areas and cards."
+        },
+        "reverse": {
+          "$value": "{primitive.color.neutral.900}",
+          "$description": "Dark surface background. USE for dark mode sections and footers."
+        },
+        "raised": {
+          "$value": "{primitive.color.neutral.10}",
+          "$description": "Elevated surface background. USE for cards and raised elements."
+        }
+      },
+      "focus": {
+        "$value": "{primitive.color.blue.600}",
+        "$description": "Focus ring color. MUST be visible on all backgrounds. USE for :focus-visible outlines."
+      },
+      "focus-reverse": {
+        "$value": "{primitive.color.blue.300}",
+        "$description": "Focus ring color on dark backgrounds. USE for :focus-visible outlines on dark surfaces."
+      }
+    }
+  },
+  "space": {
+    "50": {
+      "$value": "0.25rem"
+    },
+    "100": {
+      "$value": "0.5rem"
+    },
+    "150": {
+      "$value": "0.75rem"
+    },
+    "200": {
+      "$value": "1rem"
+    },
+    "250": {
+      "$value": "1.25rem"
+    },
+    "300": {
+      "$value": "1.5rem"
+    },
+    "400": {
+      "$value": "2rem"
+    },
+    "500": {
+      "$value": "2.5rem"
+    },
+    "600": {
+      "$value": "3rem"
+    },
+    "700": {
+      "$value": "3.5rem"
+    },
+    "800": {
+      "$value": "4rem"
+    },
+    "1200": {
+      "$value": "6rem"
+    },
+    "$type": "dimension",
+    "$description": "Spacing tokens for margins, padding, and gaps",
+    "1px": {
+      "$value": "1px"
+    },
+    "2px": {
+      "$value": "2px"
+    }
+  },
+  "size": {
+    "50": {
+      "$value": "0.25rem"
+    },
+    "100": {
+      "$value": "0.5rem"
+    },
+    "150": {
+      "$value": "0.75rem"
+    },
+    "200": {
+      "$value": "1rem"
+    },
+    "250": {
+      "$value": "1.25rem"
+    },
+    "300": {
+      "$value": "1.5rem"
+    },
+    "400": {
+      "$value": "2rem"
+    },
+    "450": {
+      "$value": "2.25rem"
+    },
+    "500": {
+      "$value": "2.5rem"
+    },
+    "550": {
+      "$value": "2.75rem"
+    },
+    "600": {
+      "$value": "3rem"
+    },
+    "700": {
+      "$value": "3.5rem"
+    },
+    "800": {
+      "$value": "4rem"
+    },
+    "1200": {
+      "$value": "6rem"
+    },
+    "$type": "dimension",
+    "$description": "Size tokens for widths, heights, and dimensions",
+    "1px": {
+      "$value": "1px"
+    },
+    "2px": {
+      "$value": "2px"
+    }
+  },
+  "border": {
+    "width": {
+      "$type": "dimension",
+      "sm": {
+        "$value": "1px"
+      },
+      "md": {
+        "$value": "2px"
+      },
+      "lg": {
+        "$value": "4px"
+      }
+    }
+  },
+  "radius": {
+    "$type": "dimension",
+    "$description": "Border radius tokens",
+    "xs": {
+      "$value": "1px"
+    },
+    "sm": {
+      "$value": "2px"
+    },
+    "md": {
+      "$value": "0.25rem"
+    },
+    "lg": {
+      "$value": "0.5rem"
+    },
+    "xl": {
+      "$value": "0.75rem"
+    },
+    "xxl": {
+      "$value": "1rem"
+    },
+    "round": {
+      "$value": "1776px",
+      "$description": "Ever upward!"
+    }
+  },
+  "form": {
+    "width": {
+      "$type": "dimension",
+      "sm": {
+        "$value": "5.5rem"
+      },
+      "md": {
+        "$value": "12.5rem"
+      },
+      "lg": {
+        "$value": "24rem"
+      }
+    }
+  },
+  "gutter": {
+    "$type": "dimension",
+    "xs": {
+      "$value": "1.25rem"
+    },
+    "sm": {
+      "$value": "1.25rem"
+    },
+    "md": {
+      "$value": "2rem"
+    },
+    "lg": {
+      "$value": "2rem"
+    },
+    "xl": {
+      "$value": "4rem"
+    }
+  },
+  "shadow": {
+    "$type": "shadow",
+    "$description": "Elevation/shadow tokens",
+    "raised": {
+      "$value": [
+        {
+          "offsetX": "0px",
+          "offsetY": "4px",
+          "blur": "6px",
+          "spread": "-1px",
+          "color": "#0000001a"
+        },
+        {
+          "offsetX": "0px",
+          "offsetY": "4px",
+          "blur": "6px",
+          "spread": "-1px",
+          "color": "#00000003"
+        }
+      ]
+    },
+    "overlay": {
+      "$value": {
+        "offsetX": "0px",
+        "offsetY": "25px",
+        "blur": "50px",
+        "spread": "-12px",
+        "color": "#0000004d"
+      }
+    }
+  },
+  "font": {
+    "family": {
+      "$type": "fontFamily",
+      "sans": {
+        "$value": [
+          "Montserrat",
+          "-apple-system",
+          "BlinkMacSystemFont",
+          "Segoe UI",
+          "Roboto",
+          "Helvetica",
+          "Arial",
+          "sans-serif",
+          "Apple Color Emoji",
+          "Segoe UI Emoji",
+          "Segoe UI Symbol"
+        ],
+        "$description": "Primary sans (Montserrat). USE for headings/display/agency/UI."
+      },
+      "serif": {
+        "$value": [
+          "Lora",
+          "Georgia",
+          "Cambria",
+          "Times New Roman",
+          "Times",
+          "serif"
+        ],
+        "$description": "Primary serif (Lora). USE for body text."
+      },
+      "alt": {
+        "$value": [
+          "Montserrat",
+          "Arial",
+          "sans-serif"
+        ]
+      },
+      "monospace": {
+        "$value": [
+          "Roboto Mono Web",
+          "Bitstream Vera Sans Mono",
+          "Consolas",
+          "Courier",
+          "monospace"
+        ]
+      },
+      "agency": {
+        "$value": "{font.family.sans}",
+        "$description": "Agency branding font family (Montserrat). USE for agency-specific branded text. Always bold and uppercase."
+      },
+      "body": {
+        "$value": "{font.family.serif}",
+        "$description": "Body text font family (Lora). USE for paragraphs and running text. PREFER over --cob-font-family-serif."
+      },
+      "display": {
+        "$value": "{font.family.sans}",
+        "$description": "Display font family (Montserrat). USE for hero text and large decorative headings. Always bold and uppercase."
+      },
+      "ui": {
+        "$value": "{font.family.sans}",
+        "$description": "UI font family (Montserrat). USE for buttons, labels, and form elements. PREFER over --cob-font-family-sans."
+      },
+      "heading": {
+        "$value": "{font.family.sans}",
+        "$description": "Heading font family (Montserrat). USE for h1\u2013h6 headings. Always bold and uppercase."
+      }
+    },
+    "size": {
+      "$type": "dimension",
+      "2xs": {
+        "$value": "0.625rem"
+      },
+      "xs": {
+        "$value": "0.75rem"
+      },
+      "sm": {
+        "$value": "0.875rem"
+      },
+      "md": {
+        "$value": "1rem"
+      },
+      "lg": {
+        "$value": "1.125rem"
+      },
+      "xl": {
+        "$value": "1.25rem"
+      },
+      "2xl": {
+        "$value": "1.375rem"
+      },
+      "3xl": {
+        "$value": "1.5rem"
+      },
+      "4xl": {
+        "$value": "1.75rem"
+      },
+      "5xl": {
+        "$value": "2rem"
+      },
+      "6xl": {
+        "$value": "2.25rem"
+      },
+      "7xl": {
+        "$value": "2.5rem"
+      },
+      "8xl": {
+        "$value": "2.75rem"
+      },
+      "9xl": {
+        "$value": "3.125rem"
+      },
+      "body-xs": {
+        "$value": "{font.size.xs}",
+        "$description": "Body text size (extra-small). USE for captions and fine print."
+      },
+      "body-sm": {
+        "$value": "{font.size.sm}",
+        "$description": "Body text size (small). USE for secondary text and metadata."
+      },
+      "body-md": {
+        "$value": "{font.size.md}",
+        "$description": "Body text size (medium). USE for default paragraph and running text."
+      },
+      "body-lg": {
+        "$value": "{font.size.lg}",
+        "$description": "Body text size (large). USE for lead paragraphs and emphasized body text."
+      },
+      "h1": {
+        "$value": "{font.size.7xl}",
+        "$description": "Heading 1 size. USE for primary page headings."
+      },
+      "h2": {
+        "$value": "{font.size.5xl}",
+        "$description": "Heading 2 size. USE for section headings."
+      },
+      "h3": {
+        "$value": "{font.size.4xl}",
+        "$description": "Heading 3 size. USE for subsection headings."
+      },
+      "h4": {
+        "$value": "{font.size.2xl}",
+        "$description": "Heading 4 size. USE for minor headings."
+      },
+      "h5": {
+        "$value": "{font.size.2xl}",
+        "$description": "Heading 5 size. USE for minor headings."
+      },
+      "h6": {
+        "$value": "{font.size.lg}",
+        "$description": "Heading 6 size. USE for minor headings."
+      },
+      "ui-xs": {
+        "$value": "{font.size.xs}",
+        "$description": "UI element size (extra-small). USE for small labels and badges."
+      },
+      "ui-sm": {
+        "$value": "{font.size.sm}",
+        "$description": "UI element size (small). USE for compact buttons and form controls."
+      },
+      "ui-md": {
+        "$value": "{font.size.md}",
+        "$description": "UI element size (medium). USE for default buttons, labels, and form controls."
+      },
+      "ui-lg": {
+        "$value": "{font.size.lg}",
+        "$description": "UI element size (large). USE for prominent buttons and form controls."
+      },
+      "ui-xl": {
+        "$value": "{font.size.xl}",
+        "$description": "UI element size (extra-large). USE for large interactive elements."
+      },
+      "display-sm": {
+        "$value": "{font.size.6xl}",
+        "$description": "Display text size (small). USE for hero banners and decorative headings."
+      },
+      "display-md": {
+        "$value": "{font.size.7xl}",
+        "$description": "Display text size (medium). USE for hero banners and decorative headings."
+      },
+      "display-lg": {
+        "$value": "{font.size.8xl}",
+        "$description": "Display text size (large). USE for hero banners and decorative headings."
+      },
+      "display-xl": {
+        "$value": "{font.size.9xl}",
+        "$description": "Display text size (extra-large). USE for hero banners and decorative headings."
+      },
+      "agency-md": {
+        "$value": "{font.size.md}",
+        "$description": "Agency branding text size (medium). USE for agency-specific branded elements."
+      },
+      "agency-lg": {
+        "$value": "{font.size.lg}",
+        "$description": "Agency branding text size (large). USE for agency-specific branded elements."
+      },
+      "agency-xl": {
+        "$value": "{font.size.2xl}",
+        "$description": "Agency branding text size (extra-large). USE for agency-specific branded elements."
+      }
+    },
+    "weight": {
+      "$type": "fontWeight",
+      "thin": {
+        "$value": 100
+      },
+      "extralight": {
+        "$value": 200
+      },
+      "light": {
+        "$value": 300
+      },
+      "regular": {
+        "$value": 400
+      },
+      "medium": {
+        "$value": 500
+      },
+      "semibold": {
+        "$value": 600
+      },
+      "bold": {
+        "$value": 700
+      },
+      "extrabold": {
+        "$value": 800
+      },
+      "black": {
+        "$value": 900
+      }
+    },
+    "lineheight": {
+      "$type": "dimension",
+      "2xs": {
+        "$value": "1.125rem"
+      },
+      "xs": {
+        "$value": "1.3125rem"
+      },
+      "sm": {
+        "$value": "1.375rem"
+      },
+      "md": {
+        "$value": "1.5625rem"
+      },
+      "lg": {
+        "$value": "1.75rem"
+      },
+      "xl": {
+        "$value": "1.9375rem"
+      },
+      "2xl": {
+        "$value": "2.4375rem"
+      },
+      "3xl": {
+        "$value": "2.8125rem"
+      },
+      "4xl": {
+        "$value": "3.5625rem"
+      },
+      "body-xs": {
+        "$value": "1.25rem",
+        "$description": "Line height for body-xs text. PAIR WITH --cob-font-size-body-xs."
+      },
+      "body-sm": {
+        "$value": "1.5rem",
+        "$description": "Line height for body-sm text. PAIR WITH --cob-font-size-body-sm."
+      },
+      "body-md": {
+        "$value": "1.5rem",
+        "$description": "Line height for body-md text. PAIR WITH --cob-font-size-body-md."
+      },
+      "body-lg": {
+        "$value": "1.75rem",
+        "$description": "Line height for body-lg text. PAIR WITH --cob-font-size-body-lg."
+      },
+      "ui-xs": {
+        "$value": "1.25rem",
+        "$description": "Line height for ui-xs text. PAIR WITH --cob-font-size-ui-xs."
+      },
+      "ui-sm": {
+        "$value": "1.5rem",
+        "$description": "Line height for ui-sm text. PAIR WITH --cob-font-size-ui-sm."
+      },
+      "ui-md": {
+        "$value": "1.5rem",
+        "$description": "Line height for ui-md text. PAIR WITH --cob-font-size-ui-md."
+      },
+      "ui-lg": {
+        "$value": "1.75rem",
+        "$description": "Line height for ui-lg text. PAIR WITH --cob-font-size-ui-lg."
+      },
+      "ui-xl": {
+        "$value": "1.75rem",
+        "$description": "Line height for ui-xl text. PAIR WITH --cob-font-size-ui-xl."
+      },
+      "display-sm": {
+        "$value": "2.75rem",
+        "$description": "Line height for display-sm text. PAIR WITH --cob-font-size-display-sm."
+      },
+      "display-md": {
+        "$value": "3rem",
+        "$description": "Line height for display-md text. PAIR WITH --cob-font-size-display-md."
+      },
+      "display-lg": {
+        "$value": "3.25rem",
+        "$description": "Line height for display-lg text. PAIR WITH --cob-font-size-display-lg."
+      },
+      "display-xl": {
+        "$value": "3.75rem",
+        "$description": "Line height for display-xl text. PAIR WITH --cob-font-size-display-xl."
+      },
+      "h1": {
+        "$value": "2.5rem",
+        "$description": "Line height for h1 text. PAIR WITH --cob-font-size-h1."
+      },
+      "h2": {
+        "$value": "2.25rem",
+        "$description": "Line height for h2 text. PAIR WITH --cob-font-size-h2."
+      },
+      "h3": {
+        "$value": "2rem",
+        "$description": "Line height for h3 text. PAIR WITH --cob-font-size-h3."
+      },
+      "h4": {
+        "$value": "2rem",
+        "$description": "Line height for h4 text. PAIR WITH --cob-font-size-h4."
+      },
+      "h5": {
+        "$value": "1.75rem",
+        "$description": "Line height for h5 text. PAIR WITH --cob-font-size-h5."
+      },
+      "h6": {
+        "$value": "1.75rem",
+        "$description": "Line height for h6 text. PAIR WITH --cob-font-size-h6."
+      }
+    },
+    "letterspacing": {
+      "0": {
+        "$value": "0rem"
+      },
+      "100": {
+        "$value": "0.001rem"
+      },
+      "200": {
+        "$value": "0.001rem"
+      },
+      "300": {
+        "$value": "0.002rem"
+      },
+      "400": {
+        "$value": "0.003rem"
+      },
+      "500": {
+        "$value": "0.003rem"
+      },
+      "600": {
+        "$value": "0.004rem"
+      },
+      "$type": "dimension",
+      "negative-200": {
+        "$value": "-0.02rem"
+      },
+      "negative-100": {
+        "$value": "-0.01rem"
+      },
+      "display-sm": {
+        "$value": "{font.letterspacing.0}",
+        "$description": "Letter spacing for display-sm text. PAIR WITH --cob-font-size-display-sm."
+      },
+      "display-md": {
+        "$value": "{font.letterspacing.0}",
+        "$description": "Letter spacing for display-md text. PAIR WITH --cob-font-size-display-md."
+      },
+      "display-lg": {
+        "$value": "{font.letterspacing.negative-100}",
+        "$description": "Letter spacing for display-lg text. PAIR WITH --cob-font-size-display-lg."
+      },
+      "display-xl": {
+        "$value": "{font.letterspacing.negative-100}",
+        "$description": "Letter spacing for display-xl text. PAIR WITH --cob-font-size-display-xl."
+      },
+      "ui-xs": {
+        "$value": "{font.letterspacing.600}",
+        "$description": "Letter spacing for ui-xs text. PAIR WITH --cob-font-size-ui-xs."
+      },
+      "ui-sm": {
+        "$value": "{font.letterspacing.400}",
+        "$description": "Letter spacing for ui-sm text. PAIR WITH --cob-font-size-ui-sm."
+      },
+      "ui-md": {
+        "$value": "{font.letterspacing.400}",
+        "$description": "Letter spacing for ui-md text. PAIR WITH --cob-font-size-ui-md."
+      },
+      "ui-lg": {
+        "$value": "{font.letterspacing.300}",
+        "$description": "Letter spacing for ui-lg text. PAIR WITH --cob-font-size-ui-lg."
+      },
+      "ui-xl": {
+        "$value": "{font.letterspacing.200}",
+        "$description": "Letter spacing for ui-xl text. PAIR WITH --cob-font-size-ui-xl."
+      },
+      "body-xs": {
+        "$value": "{font.letterspacing.600}",
+        "$description": "Letter spacing for body-xs text. PAIR WITH --cob-font-size-body-xs."
+      },
+      "body-sm": {
+        "$value": "{font.letterspacing.400}",
+        "$description": "Letter spacing for body-sm text. PAIR WITH --cob-font-size-body-sm."
+      },
+      "body-md": {
+        "$value": "{font.letterspacing.400}",
+        "$description": "Letter spacing for body-md text. PAIR WITH --cob-font-size-body-md."
+      },
+      "h1": {
+        "$value": "{font.letterspacing.0}",
+        "$description": "Letter spacing for h1 text. PAIR WITH --cob-font-size-h1."
+      },
+      "h2": {
+        "$value": "{font.letterspacing.100}",
+        "$description": "Letter spacing for h2 text. PAIR WITH --cob-font-size-h2."
+      },
+      "h3": {
+        "$value": "{font.letterspacing.100}",
+        "$description": "Letter spacing for h3 text. PAIR WITH --cob-font-size-h3."
+      },
+      "h4": {
+        "$value": "{font.letterspacing.200}",
+        "$description": "Letter spacing for h4 text. PAIR WITH --cob-font-size-h4."
+      },
+      "h5": {
+        "$value": "{font.letterspacing.200}",
+        "$description": "Letter spacing for h5 text. PAIR WITH --cob-font-size-h5."
+      },
+      "h6": {
+        "$value": "{font.letterspacing.300}",
+        "$description": "Letter spacing for h6 text. PAIR WITH --cob-font-size-h6."
+      }
+    },
+    "decoration": {
+      "thickness": {
+        "regular": {
+          "$value": "7%",
+          "$type": "string"
+        },
+        "strong": {
+          "$value": "14%",
+          "$type": "string"
+        }
+      }
+    }
+  },
+  "decoration": {
+    "thickness": {
+      "regular": {
+        "$value": "7%",
+        "$type": "string"
+      },
+      "strong": {
+        "$value": "14%",
+        "$type": "string"
+      }
+    }
+  },
+  "icon": {
+    "size": {
+      "$type": "dimension",
+      "xs": {
+        "$value": "{font.size.xs}"
+      },
+      "sm": {
+        "$value": "{font.size.sm}"
+      },
+      "md": {
+        "$value": "{font.size.md}"
+      },
+      "lg": {
+        "$value": "{font.size.lg}"
+      },
+      "xl": {
+        "$value": "{font.size.xl}"
+      },
+      "2xl": {
+        "$value": "{font.size.2xl}"
+      },
+      "3xl": {
+        "$value": "{font.size.3xl}"
+      },
+      "4xl": {
+        "$value": "{font.size.4xl}"
+      },
+      "5xl": {
+        "$value": "{font.size.5xl}"
+      }
+    }
+  }
+}