{
  "$schema": "https://design.mattermode.com/design-system.schema.json",
  "version": "2.3.0",
  "generated_at": "2026-05-14T18:04:09-07:00",
  "site_url": "https://design.mattermode.com",
  "tokens": {
    "colors": [
      {
        "name": "fg",
        "css_var": "--fg",
        "value": "#0D0D0D",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.fg",
        "group": "Foreground"
      },
      {
        "name": "fgMuted",
        "css_var": "--fg-muted",
        "value": "#5A5A5A",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.fgMuted",
        "group": "Foreground"
      },
      {
        "name": "fgSoft",
        "css_var": "--fg-soft",
        "value": "#8C8C8C",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.fgSoft",
        "group": "Foreground"
      },
      {
        "name": "fgSoftAa",
        "css_var": "--fg-soft-aa",
        "value": "#707070",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.fgSoftAa",
        "group": "Foreground"
      },
      {
        "name": "bg",
        "css_var": "--bg",
        "value": "#FFFFFF",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.bg",
        "group": "Surface"
      },
      {
        "name": "bg2",
        "css_var": "--bg-2",
        "value": "#F7F6F3",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.bg2",
        "group": "Surface"
      },
      {
        "name": "bgElev",
        "css_var": "--bg-elev",
        "value": "#FFFFFF",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.bgElev",
        "group": "Surface"
      },
      {
        "name": "paperWarm",
        "css_var": "--paper-warm",
        "value": "#F5F3EE",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.paperWarm",
        "group": "Surface"
      },
      {
        "name": "hairline",
        "css_var": "--hairline",
        "value": "#EEEDEA",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.hairline",
        "group": "Lines"
      },
      {
        "name": "hairlineStrong",
        "css_var": "--hairline-strong",
        "value": "#DDDCD8",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.hairlineStrong",
        "group": "Lines"
      },
      {
        "name": "accent",
        "css_var": "--accent",
        "value": "#0D0D0D",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.accent",
        "group": "Other"
      },
      {
        "name": "accentHover",
        "css_var": "--accent-hover",
        "value": "#2A2A2A",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.accentHover",
        "group": "Other"
      },
      {
        "name": "accentPress",
        "css_var": "--accent-press",
        "value": "#000000",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.accentPress",
        "group": "Other"
      },
      {
        "name": "peach1",
        "css_var": "--peach-1",
        "value": "#FFEFE0",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.peach1",
        "group": "Bloom"
      },
      {
        "name": "peach2",
        "css_var": "--peach-2",
        "value": "#FFD9BC",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.peach2",
        "group": "Bloom"
      },
      {
        "name": "peach3",
        "css_var": "--peach-3",
        "value": "#FFB587",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.peach3",
        "group": "Bloom"
      },
      {
        "name": "peach4",
        "css_var": "--peach-4",
        "value": "#F89866",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.peach4",
        "group": "Bloom"
      },
      {
        "name": "amber1",
        "css_var": "--amber-1",
        "value": "#FBF4DE",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.amber1",
        "group": "Bloom"
      },
      {
        "name": "amber2",
        "css_var": "--amber-2",
        "value": "#F4E0B0",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.amber2",
        "group": "Bloom"
      },
      {
        "name": "amber3",
        "css_var": "--amber-3",
        "value": "#E8C078",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.amber3",
        "group": "Bloom"
      },
      {
        "name": "amber4",
        "css_var": "--amber-4",
        "value": "#D8A24A",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.amber4",
        "group": "Bloom"
      },
      {
        "name": "lavender1",
        "css_var": "--lavender-1",
        "value": "#F0EEF8",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.lavender1",
        "group": "Bloom"
      },
      {
        "name": "lavender2",
        "css_var": "--lavender-2",
        "value": "#DEDAF0",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.lavender2",
        "group": "Bloom"
      },
      {
        "name": "lavender3",
        "css_var": "--lavender-3",
        "value": "#BFB7E2",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.lavender3",
        "group": "Bloom"
      },
      {
        "name": "lavender4",
        "css_var": "--lavender-4",
        "value": "#A89DD4",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.lavender4",
        "group": "Bloom"
      },
      {
        "name": "sage1",
        "css_var": "--sage-1",
        "value": "#ECF3E5",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.sage1",
        "group": "Bloom"
      },
      {
        "name": "sage2",
        "css_var": "--sage-2",
        "value": "#D2E1C5",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.sage2",
        "group": "Bloom"
      },
      {
        "name": "sage3",
        "css_var": "--sage-3",
        "value": "#ADC796",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.sage3",
        "group": "Bloom"
      },
      {
        "name": "sage4",
        "css_var": "--sage-4",
        "value": "#8FB078",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.sage4",
        "group": "Bloom"
      },
      {
        "name": "statusSigned",
        "css_var": "--status-signed",
        "value": "#3FBF6E",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.statusSigned",
        "group": "Status"
      },
      {
        "name": "statusSignedText",
        "css_var": "--status-signed-text",
        "value": "#1b7a47",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.statusSignedText",
        "group": "Status"
      },
      {
        "name": "statusPending",
        "css_var": "--status-pending",
        "value": "#E8A845",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.statusPending",
        "group": "Status"
      },
      {
        "name": "statusPendingText",
        "css_var": "--status-pending-text",
        "value": "#8a5e1c",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.statusPendingText",
        "group": "Status"
      },
      {
        "name": "statusDraft",
        "css_var": "--status-draft",
        "value": "#8C8C8C",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.statusDraft",
        "group": "Status"
      },
      {
        "name": "statusDraftText",
        "css_var": "--status-draft-text",
        "value": "#5A5A5A",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.statusDraftText",
        "group": "Status"
      },
      {
        "name": "statusFiled",
        "css_var": "--status-filed",
        "value": "#6E8AD8",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.statusFiled",
        "group": "Status"
      },
      {
        "name": "statusFiledText",
        "css_var": "--status-filed-text",
        "value": "#3a5cb8",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.statusFiledText",
        "group": "Status"
      },
      {
        "name": "methodGet",
        "css_var": "--method-get",
        "value": "#2A6FDB",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.methodGet",
        "group": "HTTP method"
      },
      {
        "name": "methodPost",
        "css_var": "--method-post",
        "value": "#1F8A5B",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.methodPost",
        "group": "HTTP method"
      },
      {
        "name": "methodPut",
        "css_var": "--method-put",
        "value": "#7A4FB8",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.methodPut",
        "group": "HTTP method"
      },
      {
        "name": "methodPatch",
        "css_var": "--method-patch",
        "value": "#B45A1A",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.methodPatch",
        "group": "HTTP method"
      },
      {
        "name": "methodDelete",
        "css_var": "--method-delete",
        "value": "#B0322B",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.methodDelete",
        "group": "HTTP method"
      },
      {
        "name": "codeFg",
        "css_var": "--code-fg",
        "value": "#14110D",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.codeFg",
        "group": "Code syntax"
      },
      {
        "name": "codeKey",
        "css_var": "--code-key",
        "value": "#C04C20",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.codeKey",
        "group": "Code syntax"
      },
      {
        "name": "codeString",
        "css_var": "--code-string",
        "value": "#2F7A6E",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.codeString",
        "group": "Focus"
      },
      {
        "name": "codeNumber",
        "css_var": "--code-number",
        "value": "#6E5BBF",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.codeNumber",
        "group": "Code syntax"
      },
      {
        "name": "focusRing",
        "css_var": "--focus-ring",
        "value": "rgba(248, 152, 102, 0.55)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.focusRing",
        "group": "Focus"
      },
      {
        "name": "focusBorder",
        "css_var": "--focus-border",
        "value": "#F0A074",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.focusBorder",
        "group": "Focus"
      },
      {
        "name": "stone50",
        "css_var": "--stone-50",
        "value": "#fafaf9",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone50",
        "group": "Stone ramp"
      },
      {
        "name": "stone100",
        "css_var": "--stone-100",
        "value": "#f5f5f4",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone100",
        "group": "Stone ramp"
      },
      {
        "name": "stone150",
        "css_var": "--stone-150",
        "value": "#F0EFED",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone150",
        "group": "Stone ramp"
      },
      {
        "name": "stone200",
        "css_var": "--stone-200",
        "value": "#e7e5e4",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone200",
        "group": "Stone ramp"
      },
      {
        "name": "stone300",
        "css_var": "--stone-300",
        "value": "#d6d3d1",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone300",
        "group": "Stone ramp"
      },
      {
        "name": "stone400",
        "css_var": "--stone-400",
        "value": "#A8A29E",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone400",
        "group": "Stone ramp"
      },
      {
        "name": "stone500",
        "css_var": "--stone-500",
        "value": "#78716c",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone500",
        "group": "Stone ramp"
      },
      {
        "name": "stone600",
        "css_var": "--stone-600",
        "value": "#57534E",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone600",
        "group": "Stone ramp"
      },
      {
        "name": "stone700",
        "css_var": "--stone-700",
        "value": "#44403c",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone700",
        "group": "Stone ramp"
      },
      {
        "name": "stone800",
        "css_var": "--stone-800",
        "value": "#292524",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone800",
        "group": "Stone ramp"
      },
      {
        "name": "stone900",
        "css_var": "--stone-900",
        "value": "#1c1917",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.stone900",
        "group": "Stone ramp"
      },
      {
        "name": "matterOrange",
        "css_var": "--matter-orange",
        "value": "#e85112",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.matterOrange",
        "group": "Brand"
      },
      {
        "name": "matterOrangeBg",
        "css_var": "--matter-orange-bg",
        "value": "#fdeee7",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.matterOrangeBg",
        "group": "Brand"
      },
      {
        "name": "matterGreenDk",
        "css_var": "--matter-green-dk",
        "value": "#627e68",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.matterGreenDk",
        "group": "Brand"
      },
      {
        "name": "matterGreenBg",
        "css_var": "--matter-green-bg",
        "value": "#e5ece6",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.matterGreenBg",
        "group": "Brand"
      },
      {
        "name": "matterIndigo",
        "css_var": "--matter-indigo",
        "value": "#2c2854",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.matterIndigo",
        "group": "Brand"
      },
      {
        "name": "matterIndigoBg",
        "css_var": "--matter-indigo-bg",
        "value": "#eae9ee",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#colors.matterIndigoBg",
        "group": "Brand"
      },
      {
        "name": "neutral150",
        "css_var": "--neutral-150",
        "value": "#f5f5f5",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#neutral150",
        "group": "Other"
      },
      {
        "name": "matterOrange",
        "css_var": "--matter-orange",
        "value": "#e85112",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#matterOrange",
        "group": "Brand"
      },
      {
        "name": "matterOrangeHover",
        "css_var": "--matter-orange-hover",
        "value": "#d04610",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#matterOrangeHover",
        "group": "Brand"
      },
      {
        "name": "matterOrangeTint",
        "css_var": "--matter-orange-tint",
        "value": "#fff0eb",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#matterOrangeTint",
        "group": "Brand"
      },
      {
        "name": "matterOrangeRing",
        "css_var": "--matter-orange-ring",
        "value": "rgba(232, 81, 18, 0.16)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#matterOrangeRing",
        "group": "Focus"
      },
      {
        "name": "matterOrangeBg",
        "css_var": "--matter-orange-bg",
        "value": "#fdeee7",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#matterOrangeBg",
        "group": "Brand"
      },
      {
        "name": "matterCyan",
        "css_var": "--matter-cyan",
        "value": "#5affff",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#matterCyan",
        "group": "Brand"
      },
      {
        "name": "stone-50",
        "css_var": "--stone-50",
        "value": "#fafaf9",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.50",
        "group": "Stone ramp"
      },
      {
        "name": "stone-100",
        "css_var": "--stone-100",
        "value": "#f5f5f4",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.100",
        "group": "Stone ramp"
      },
      {
        "name": "stone-150",
        "css_var": "--stone-150",
        "value": "#f0efed",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.150",
        "group": "Stone ramp"
      },
      {
        "name": "stone-200",
        "css_var": "--stone-200",
        "value": "#e7e5e4",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.200",
        "group": "Stone ramp"
      },
      {
        "name": "stone-300",
        "css_var": "--stone-300",
        "value": "#d6d3d1",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.300",
        "group": "Stone ramp"
      },
      {
        "name": "stone-400",
        "css_var": "--stone-400",
        "value": "#a8a29e",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.400",
        "group": "Stone ramp"
      },
      {
        "name": "stone-500",
        "css_var": "--stone-500",
        "value": "#78716c",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.500",
        "group": "Stone ramp"
      },
      {
        "name": "stone-600",
        "css_var": "--stone-600",
        "value": "#57534e",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.600",
        "group": "Stone ramp"
      },
      {
        "name": "stone-700",
        "css_var": "--stone-700",
        "value": "#44403c",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.700",
        "group": "Stone ramp"
      },
      {
        "name": "stone-800",
        "css_var": "--stone-800",
        "value": "#292524",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.800",
        "group": "Stone ramp"
      },
      {
        "name": "stone-900",
        "css_var": "--stone-900",
        "value": "#1c1917",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#stone.900",
        "group": "Stone ramp"
      },
      {
        "name": "peach-bg",
        "css_var": "--peach-bg",
        "value": "rgba(255, 178, 138, 0.1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#peach.bg",
        "group": "Bloom"
      },
      {
        "name": "peach-border",
        "css_var": "--peach-border",
        "value": "rgba(255, 178, 138, 0.25)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#peach.border",
        "group": "Bloom"
      },
      {
        "name": "green-base",
        "css_var": "--green-base",
        "value": "#7b9e82",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#green.base",
        "group": "Other"
      },
      {
        "name": "green-dk",
        "css_var": "--green-dk",
        "value": "#627e68",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#green.dk",
        "group": "Other"
      },
      {
        "name": "green-bg",
        "css_var": "--green-bg",
        "value": "#e5ece6",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#green.bg",
        "group": "Other"
      },
      {
        "name": "green-sageBg",
        "css_var": "--green-sage-bg",
        "value": "#f2f5f2",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#green.sageBg",
        "group": "Other"
      },
      {
        "name": "indigo-base",
        "css_var": "--indigo-base",
        "value": "#2c2854",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#indigo.base",
        "group": "Other"
      },
      {
        "name": "indigo-bg",
        "css_var": "--indigo-bg",
        "value": "#eae9ee",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#indigo.bg",
        "group": "Other"
      },
      {
        "name": "rose-base",
        "css_var": "--rose-base",
        "value": "#b56c6b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#rose.base",
        "group": "Other"
      },
      {
        "name": "rose-bg",
        "css_var": "--rose-bg",
        "value": "#f8f0f0",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#rose.bg",
        "group": "Other"
      },
      {
        "name": "surface-page",
        "css_var": "--surface-page",
        "value": "#fafaf9",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#surface.page",
        "group": "Other"
      },
      {
        "name": "surface-card",
        "css_var": "--surface-card",
        "value": "#ffffff",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#surface.card",
        "group": "Other"
      },
      {
        "name": "surface-subtle",
        "css_var": "--surface-subtle",
        "value": "#f5f5f4",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#surface.subtle",
        "group": "Other"
      },
      {
        "name": "surface-mute",
        "css_var": "--surface-mute",
        "value": "#e7e5e4",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#surface.mute",
        "group": "Other"
      },
      {
        "name": "surface-inverse",
        "css_var": "--surface-inverse",
        "value": "#0a0a0a",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#surface.inverse",
        "group": "Other"
      },
      {
        "name": "surface-code",
        "css_var": "--surface-code",
        "value": "#18181b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#surface.code",
        "group": "Other"
      },
      {
        "name": "surface-paperWarm",
        "css_var": "--surface-paper-warm",
        "value": "#f5f3ee",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#surface.paperWarm",
        "group": "Surface"
      },
      {
        "name": "text-heading",
        "css_var": "--text-heading",
        "value": "#0d0d0d",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#text.heading",
        "group": "Other"
      },
      {
        "name": "text-body",
        "css_var": "--text-body",
        "value": "#57534e",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#text.body",
        "group": "Other"
      },
      {
        "name": "text-muted",
        "css_var": "--text-muted",
        "value": "#78716c",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#text.muted",
        "group": "Other"
      },
      {
        "name": "text-faint",
        "css_var": "--text-faint",
        "value": "#a8a29e",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#text.faint",
        "group": "Other"
      },
      {
        "name": "text-inverse",
        "css_var": "--text-inverse",
        "value": "#ffffff",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#text.inverse",
        "group": "Other"
      },
      {
        "name": "text-onBrand",
        "css_var": "--text-on-brand",
        "value": "#ffffff",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#text.onBrand",
        "group": "Other"
      },
      {
        "name": "border-hair",
        "css_var": "--border-hair",
        "value": "rgba(0, 0, 0, 0.06)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#border.hair",
        "group": "Other"
      },
      {
        "name": "border-soft",
        "css_var": "--border-soft",
        "value": "#e7e5e4",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#border.soft",
        "group": "Other"
      },
      {
        "name": "border-strong",
        "css_var": "--border-strong",
        "value": "#d6d3d1",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#border.strong",
        "group": "Other"
      },
      {
        "name": "border-glass",
        "css_var": "--border-glass",
        "value": "rgba(229, 229, 229, 0.64)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#border.glass",
        "group": "Other"
      },
      {
        "name": "semantic-success",
        "css_var": "--semantic-success",
        "value": "#10b981",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#semantic.success",
        "group": "Other"
      },
      {
        "name": "semantic-successSoft",
        "css_var": "--semantic-success-soft",
        "value": "#e5ece6",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#semantic.successSoft",
        "group": "Other"
      },
      {
        "name": "semantic-successFg",
        "css_var": "--semantic-success-fg",
        "value": "#627e68",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#semantic.successFg",
        "group": "Other"
      },
      {
        "name": "semantic-warning",
        "css_var": "--semantic-warning",
        "value": "#f59e0b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#semantic.warning",
        "group": "Other"
      },
      {
        "name": "semantic-error",
        "css_var": "--semantic-error",
        "value": "#dc2626",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#semantic.error",
        "group": "Other"
      },
      {
        "name": "semantic-info",
        "css_var": "--semantic-info",
        "value": "#2563eb",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#semantic.info",
        "group": "Other"
      },
      {
        "name": "method-get-base",
        "css_var": "--method-get-base",
        "value": "#2a6fdb",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.get.base",
        "group": "HTTP method"
      },
      {
        "name": "method-get-bg",
        "css_var": "--method-get-bg",
        "value": "rgba(42, 111, 219, 0.1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.get.bg",
        "group": "HTTP method"
      },
      {
        "name": "method-post-base",
        "css_var": "--method-post-base",
        "value": "#1f8a5b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.post.base",
        "group": "HTTP method"
      },
      {
        "name": "method-post-bg",
        "css_var": "--method-post-bg",
        "value": "rgba(31, 138, 91, 0.1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.post.bg",
        "group": "HTTP method"
      },
      {
        "name": "method-put-base",
        "css_var": "--method-put-base",
        "value": "#b45a1a",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.put.base",
        "group": "HTTP method"
      },
      {
        "name": "method-put-bg",
        "css_var": "--method-put-bg",
        "value": "rgba(180, 90, 26, 0.1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.put.bg",
        "group": "HTTP method"
      },
      {
        "name": "method-patch-base",
        "css_var": "--method-patch-base",
        "value": "#b45a1a",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.patch.base",
        "group": "HTTP method"
      },
      {
        "name": "method-patch-bg",
        "css_var": "--method-patch-bg",
        "value": "rgba(180, 90, 26, 0.1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.patch.bg",
        "group": "HTTP method"
      },
      {
        "name": "method-delete-base",
        "css_var": "--method-delete-base",
        "value": "#b0322b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.delete.base",
        "group": "HTTP method"
      },
      {
        "name": "method-delete-bg",
        "css_var": "--method-delete-bg",
        "value": "rgba(176, 50, 43, 0.1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#method.delete.bg",
        "group": "HTTP method"
      },
      {
        "name": "lifecycle-create-base",
        "css_var": "--lifecycle-create-base",
        "value": "#1f8a5b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#lifecycle.create.base",
        "group": "Other"
      },
      {
        "name": "lifecycle-create-bg",
        "css_var": "--lifecycle-create-bg",
        "value": "rgba(31, 138, 91, 0.08)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#lifecycle.create.bg",
        "group": "Other"
      },
      {
        "name": "lifecycle-manage-base",
        "css_var": "--lifecycle-manage-base",
        "value": "#2a6fdb",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#lifecycle.manage.base",
        "group": "Other"
      },
      {
        "name": "lifecycle-manage-bg",
        "css_var": "--lifecycle-manage-bg",
        "value": "rgba(42, 111, 219, 0.08)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#lifecycle.manage.bg",
        "group": "Other"
      },
      {
        "name": "lifecycle-exit-base",
        "css_var": "--lifecycle-exit-base",
        "value": "#b0322b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#lifecycle.exit.base",
        "group": "Other"
      },
      {
        "name": "lifecycle-exit-bg",
        "css_var": "--lifecycle-exit-bg",
        "value": "rgba(176, 50, 43, 0.08)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#lifecycle.exit.bg",
        "group": "Other"
      },
      {
        "name": "httpStatus-ok-base",
        "css_var": "--http-status-ok-base",
        "value": "#1f8a5b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#httpStatus.ok.base",
        "group": "Other"
      },
      {
        "name": "httpStatus-ok-bg",
        "css_var": "--http-status-ok-bg",
        "value": "rgba(31, 138, 91, 0.1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#httpStatus.ok.bg",
        "group": "Other"
      },
      {
        "name": "httpStatus-ok-ring",
        "css_var": "--http-status-ok-ring",
        "value": "rgba(31, 138, 91, 0.35)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#httpStatus.ok.ring",
        "group": "Focus"
      },
      {
        "name": "httpStatus-redirect-base",
        "css_var": "--http-status-redirect-base",
        "value": "#6b7280",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#httpStatus.redirect.base",
        "group": "Other"
      },
      {
        "name": "httpStatus-redirect-bg",
        "css_var": "--http-status-redirect-bg",
        "value": "rgba(107, 114, 128, 0.1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#httpStatus.redirect.bg",
        "group": "Other"
      },
      {
        "name": "httpStatus-redirect-ring",
        "css_var": "--http-status-redirect-ring",
        "value": "rgba(107, 114, 128, 0.3)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#httpStatus.redirect.ring",
        "group": "Focus"
      },
      {
        "name": "httpStatus-error-base",
        "css_var": "--http-status-error-base",
        "value": "#b0322b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#httpStatus.error.base",
        "group": "Other"
      },
      {
        "name": "httpStatus-error-bg",
        "css_var": "--http-status-error-bg",
        "value": "rgba(176, 50, 43, 0.1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#httpStatus.error.bg",
        "group": "Other"
      },
      {
        "name": "httpStatus-error-ring",
        "css_var": "--http-status-error-ring",
        "value": "rgba(176, 50, 43, 0.35)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#httpStatus.error.ring",
        "group": "Focus"
      },
      {
        "name": "keySetDot-base",
        "css_var": "--key-set-dot-base",
        "value": "#5fa86b",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#keySetDot.base",
        "group": "Other"
      },
      {
        "name": "keySetDot-ring",
        "css_var": "--key-set-dot-ring",
        "value": "rgba(95, 168, 107, 0.18)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#keySetDot.ring",
        "group": "Focus"
      },
      {
        "name": "orange-bg",
        "css_var": "--orange-bg",
        "value": "#fdeee7",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/colors.ts#orange.bg",
        "group": "Other"
      }
    ],
    "radii": [
      {
        "name": "sm",
        "css_var": "--radius-sm",
        "value": 10,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#radius.sm"
      },
      {
        "name": "md",
        "css_var": "--radius-md",
        "value": 16,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#radius.md"
      },
      {
        "name": "lg",
        "css_var": "--radius-lg",
        "value": 24,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#radius.lg"
      },
      {
        "name": "xl",
        "css_var": "--radius-xl",
        "value": 32,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#radius.xl"
      },
      {
        "name": "hero",
        "css_var": "--radius-hero",
        "value": 72,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#radius.hero"
      },
      {
        "name": "pill",
        "css_var": "--radius-pill",
        "value": 999,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#radius.pill"
      },
      {
        "name": "sm",
        "css_var": "--radius-sm",
        "value": 6,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/radii.ts#sm"
      },
      {
        "name": "md",
        "css_var": "--radius-md",
        "value": 10,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/radii.ts#md"
      },
      {
        "name": "lg",
        "css_var": "--radius-lg",
        "value": 12,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/radii.ts#lg"
      },
      {
        "name": "xl",
        "css_var": "--radius-xl",
        "value": 16,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/radii.ts#xl"
      },
      {
        "name": "2xl",
        "css_var": "--radius-2xl",
        "value": 20,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/radii.ts#2xl"
      },
      {
        "name": "3xl",
        "css_var": "--radius-3xl",
        "value": 24,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/radii.ts#3xl"
      },
      {
        "name": "4xl",
        "css_var": "--radius-4xl",
        "value": 32,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/radii.ts#4xl"
      },
      {
        "name": "hero",
        "css_var": "--radius-hero",
        "value": 72,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/radii.ts#hero"
      },
      {
        "name": "pill",
        "css_var": "--radius-pill",
        "value": 9999,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/radii.ts#pill"
      }
    ],
    "shadows": [
      {
        "name": "sm",
        "css_var": "--shadow-sm",
        "value": "0 1px 2px rgba(20, 17, 13, 0.04), 0 0 0 1px #EEEDEA",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#shadow.sm"
      },
      {
        "name": "md",
        "css_var": "--shadow-md",
        "value": "0 12px 30px -10px rgba(20, 17, 13, 0.08), 0 1px 3px rgba(20, 17, 13, 0.04)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#shadow.md"
      },
      {
        "name": "lg",
        "css_var": "--shadow-lg",
        "value": "0 30px 80px -30px rgba(20, 17, 13, 0.18), 0 2px 6px rgba(20, 17, 13, 0.05)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#shadow.lg"
      },
      {
        "name": "modal",
        "css_var": "--shadow-modal",
        "value": "0 24px 60px -20px rgba(20, 17, 13, 0.22), 0 4px 12px rgba(20, 17, 13, 0.06)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#shadow.modal"
      },
      {
        "name": "glass",
        "css_var": "--shadow-glass",
        "value": "0 1px 0 rgba(255,255,255,0.9) inset, 0 8px 24px -10px rgba(13,13,13,0.14), 0 1px 2px rgba(13,13,13,0.04), 0 0 0 1px rgba(13,13,13,0.04)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#shadow.glass"
      },
      {
        "name": "xs",
        "css_var": "--shadow-xs",
        "value": "0 1px 2px 0 rgba(0, 0, 0, 0.04)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/shadows.ts#xs"
      },
      {
        "name": "sm",
        "css_var": "--shadow-sm",
        "value": "0 1px 3px 0 rgba(0, 0, 0, 0.08), 0 1px 2px -1px rgba(0, 0, 0, 0.04)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/shadows.ts#sm"
      },
      {
        "name": "md",
        "css_var": "--shadow-md",
        "value": "0 4px 12px -2px rgba(0, 0, 0, 0.06), 0 2px 4px -2px rgba(0, 0, 0, 0.04)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/shadows.ts#md"
      },
      {
        "name": "lg",
        "css_var": "--shadow-lg",
        "value": "0 10px 32px 0 rgba(0, 0, 0, 0.06)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/shadows.ts#lg"
      },
      {
        "name": "card",
        "css_var": "--shadow-card",
        "value": "0 16px 48px 0 rgba(0, 0, 0, 0.08)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/shadows.ts#card"
      },
      {
        "name": "softLg",
        "css_var": "--shadow-soft-lg",
        "value": "0 16px 24px 0 rgba(0, 0, 0, 0.08)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/shadows.ts#softLg"
      },
      {
        "name": "hero",
        "css_var": "--shadow-hero",
        "value": "0 16px 32px 0 rgba(0, 0, 0, 0.16)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/shadows.ts#hero"
      },
      {
        "name": "modal",
        "css_var": "--shadow-modal",
        "value": "0 24px 60px -20px rgba(20, 17, 13, 0.22), 0 4px 12px rgba(20, 17, 13, 0.06)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/shadows.ts#modal"
      },
      {
        "name": "glass",
        "css_var": "--shadow-glass",
        "value": "0 1px 0 rgba(255,255,255,0.9) inset, 0 8px 24px -10px rgba(13,13,13,0.14), 0 1px 2px rgba(13,13,13,0.04), 0 0 0 1px rgba(13,13,13,0.04)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/shadows.ts#glass"
      }
    ],
    "motion": [
      {
        "name": "instant",
        "css_var": "--motion-instant",
        "value": "0ms",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.instant",
        "group": "Duration"
      },
      {
        "name": "fast",
        "css_var": "--motion-fast",
        "value": "120ms",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.fast",
        "group": "Duration"
      },
      {
        "name": "base",
        "css_var": "--motion-base",
        "value": "220ms",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.base",
        "group": "Duration"
      },
      {
        "name": "slow",
        "css_var": "--motion-slow",
        "value": "320ms",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.slow",
        "group": "Duration"
      },
      {
        "name": "deliberate",
        "css_var": "--motion-deliberate",
        "value": "480ms",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.deliberate",
        "group": "Duration"
      },
      {
        "name": "easeStandard",
        "css_var": "--motion-ease-standard",
        "value": "cubic-bezier(.2, .7, .2, 1)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.easeStandard",
        "group": "Easing"
      },
      {
        "name": "easeEntrance",
        "css_var": "--motion-ease-entrance",
        "value": "cubic-bezier(0, 0, .2, 1)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.easeEntrance",
        "group": "Easing"
      },
      {
        "name": "easeExit",
        "css_var": "--motion-ease-exit",
        "value": "cubic-bezier(.4, 0, 1, 1)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.easeExit",
        "group": "Easing"
      },
      {
        "name": "easeEmphasize",
        "css_var": "--motion-ease-emphasize",
        "value": "cubic-bezier(.4, 0, .2, 1)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.easeEmphasize",
        "group": "Easing"
      },
      {
        "name": "easeLinear",
        "css_var": "--motion-ease-linear",
        "value": "linear",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.easeLinear",
        "group": "Easing"
      },
      {
        "name": "easeCubic",
        "css_var": "--motion-ease-cubic",
        "value": "cubic-bezier(.65, 0, .35, 1)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.easeCubic",
        "group": "Easing"
      },
      {
        "name": "easeSoftBounce",
        "css_var": "--motion-ease-soft-bounce",
        "value": "cubic-bezier(.34, 1.2, .64, 1)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.easeSoftBounce",
        "group": "Easing"
      },
      {
        "name": "easeSnappy",
        "css_var": "--motion-ease-snappy",
        "value": "cubic-bezier(.5, -.5, .25, 1.5)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.easeSnappy",
        "group": "Easing"
      },
      {
        "name": "easeAnticipate",
        "css_var": "--motion-ease-anticipate",
        "value": "cubic-bezier(.4, -.4, .25, 1)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#motion.easeAnticipate",
        "group": "Easing"
      },
      {
        "name": "duration.instant",
        "css_var": "--duration-instant",
        "value": 0,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.instant",
        "group": "Duration"
      },
      {
        "name": "duration.fast",
        "css_var": "--duration-fast",
        "value": 180,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.fast",
        "group": "Duration"
      },
      {
        "name": "duration.short",
        "css_var": "--duration-short",
        "value": 240,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.short",
        "group": "Duration"
      },
      {
        "name": "duration.base",
        "css_var": "--duration-base",
        "value": 220,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.base",
        "group": "Duration"
      },
      {
        "name": "duration.slow",
        "css_var": "--duration-slow",
        "value": 320,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.slow",
        "group": "Duration"
      },
      {
        "name": "duration.med",
        "css_var": "--duration-med",
        "value": 420,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.med",
        "group": "Duration"
      },
      {
        "name": "duration.deliberate",
        "css_var": "--duration-deliberate",
        "value": 480,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.deliberate",
        "group": "Duration"
      },
      {
        "name": "duration.long",
        "css_var": "--duration-long",
        "value": 520,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.long",
        "group": "Duration"
      },
      {
        "name": "duration.reveal",
        "css_var": "--duration-reveal",
        "value": 720,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.reveal",
        "group": "Duration"
      },
      {
        "name": "duration.glow",
        "css_var": "--duration-glow",
        "value": 2500,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#duration.glow",
        "group": "Duration"
      },
      {
        "name": "easing.standard",
        "css_var": "--ease-standard",
        "value": "cubic-bezier(0.2, 0.7, 0.2, 1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.standard",
        "group": "Easing"
      },
      {
        "name": "easing.entrance",
        "css_var": "--ease-entrance",
        "value": "cubic-bezier(0, 0, 0.2, 1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.entrance",
        "group": "Easing"
      },
      {
        "name": "easing.exit",
        "css_var": "--ease-exit",
        "value": "cubic-bezier(0.4, 0, 1, 1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.exit",
        "group": "Easing"
      },
      {
        "name": "easing.emphasize",
        "css_var": "--ease-emphasize",
        "value": "cubic-bezier(0.4, 0, 0.2, 1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.emphasize",
        "group": "Easing"
      },
      {
        "name": "easing.linear",
        "css_var": "--ease-linear",
        "value": "linear",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.linear",
        "group": "Easing"
      },
      {
        "name": "easing.cubic",
        "css_var": "--ease-cubic",
        "value": "cubic-bezier(0.65, 0, 0.35, 1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.cubic",
        "group": "Easing"
      },
      {
        "name": "easing.softBounce",
        "css_var": "--ease-soft-bounce",
        "value": "cubic-bezier(0.34, 1.2, 0.64, 1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.softBounce",
        "group": "Easing"
      },
      {
        "name": "easing.snappy",
        "css_var": "--ease-snappy",
        "value": "cubic-bezier(0.5, -0.5, 0.25, 1.5)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.snappy",
        "group": "Easing"
      },
      {
        "name": "easing.anticipate",
        "css_var": "--ease-anticipate",
        "value": "cubic-bezier(0.4, -0.4, 0.25, 1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.anticipate",
        "group": "Easing"
      },
      {
        "name": "easing.outSoft",
        "css_var": "--ease-out-soft",
        "value": "cubic-bezier(0.22, 1, 0.36, 1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.outSoft",
        "group": "Easing"
      },
      {
        "name": "easing.inOut",
        "css_var": "--ease-in-out",
        "value": "cubic-bezier(0.4, 0, 0.2, 1)",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#easing.inOut",
        "group": "Easing"
      },
      {
        "name": "stagger.row",
        "css_var": "--stagger-row",
        "value": 80,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#stagger.row",
        "group": "Stagger"
      },
      {
        "name": "stagger.line",
        "css_var": "--stagger-line",
        "value": 70,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/motion.ts#stagger.line",
        "group": "Stagger"
      }
    ],
    "layout": [
      {
        "name": "contentMaxWidth",
        "css_var": "--layout-content-max-width",
        "value": 1240,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#layout.contentMaxWidth"
      },
      {
        "name": "padX",
        "css_var": "--layout-pad-x",
        "value": "clamp(20px, 5vw, 96px)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#layout.padX"
      },
      {
        "name": "sectionY",
        "css_var": "--layout-section-y",
        "value": "clamp(100px, 12vw, 180px)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#layout.sectionY"
      },
      {
        "name": "sectionYTight",
        "css_var": "--layout-section-ytight",
        "value": "clamp(72px, 8vw, 120px)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#layout.sectionYTight"
      },
      {
        "name": "gridGap",
        "css_var": "--layout-grid-gap",
        "value": "clamp(40px, 5vw, 80px)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#layout.gridGap"
      }
    ],
    "spacing": [
      {
        "name": "1",
        "css_var": "--space-1",
        "value": 4,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#1"
      },
      {
        "name": "2",
        "css_var": "--space-2",
        "value": 8,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#2"
      },
      {
        "name": "3",
        "css_var": "--space-3",
        "value": 12,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#3"
      },
      {
        "name": "4",
        "css_var": "--space-4",
        "value": 16,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#4"
      },
      {
        "name": "5",
        "css_var": "--space-5",
        "value": 20,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#5"
      },
      {
        "name": "6",
        "css_var": "--space-6",
        "value": 24,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#6"
      },
      {
        "name": "8",
        "css_var": "--space-8",
        "value": 32,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#8"
      },
      {
        "name": "10",
        "css_var": "--space-10",
        "value": 40,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#10"
      },
      {
        "name": "12",
        "css_var": "--space-12",
        "value": 48,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#12"
      },
      {
        "name": "16",
        "css_var": "--space-16",
        "value": 64,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#16"
      },
      {
        "name": "20",
        "css_var": "--space-20",
        "value": 80,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#20"
      },
      {
        "name": "24",
        "css_var": "--space-24",
        "value": 100,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#24"
      },
      {
        "name": "32",
        "css_var": "--space-32",
        "value": 124,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/spacing.ts#32"
      }
    ],
    "typography": [
      {
        "name": "family.sans",
        "value": "Geist, -apple-system, BlinkMacSystemFont, \"Segoe UI\", system-ui, sans-serif",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.families.sans",
        "group": "Family"
      },
      {
        "name": "family.mono",
        "value": "\"Geist Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas, monospace",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.families.mono",
        "group": "Family"
      },
      {
        "name": "family.serif",
        "value": "\"Instrument Serif\", \"Iowan Old Style\", \"Apple Garamond\", Georgia, serif",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.families.serif",
        "group": "Family"
      },
      {
        "name": "family.logo",
        "value": "var(--font-funnel-display), \"Funnel Display\", \"Arial Black\", \"Helvetica Neue\", sans-serif",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.families.logo",
        "group": "Family"
      },
      {
        "name": "display.h_display.size",
        "value": "clamp(44px, 6.4vw, 92px)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_display.size",
        "group": "Display"
      },
      {
        "name": "display.h_display.weight",
        "value": 450,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_display.weight",
        "group": "Display"
      },
      {
        "name": "display.h_display.tracking",
        "value": "-0.038em",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_display.tracking",
        "group": "Display"
      },
      {
        "name": "display.h_display.leading",
        "value": 1,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_display.leading",
        "group": "Display"
      },
      {
        "name": "display.h_1.size",
        "value": "clamp(34px, 4vw, 54px)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_1.size",
        "group": "Display"
      },
      {
        "name": "display.h_1.weight",
        "value": 450,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_1.weight",
        "group": "Display"
      },
      {
        "name": "display.h_1.tracking",
        "value": "-0.03em",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_1.tracking",
        "group": "Display"
      },
      {
        "name": "display.h_1.leading",
        "value": 1.05,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_1.leading",
        "group": "Display"
      },
      {
        "name": "display.h_2.size",
        "value": "clamp(26px, 2.6vw, 36px)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_2.size",
        "group": "Display"
      },
      {
        "name": "display.h_2.weight",
        "value": 450,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_2.weight",
        "group": "Display"
      },
      {
        "name": "display.h_2.tracking",
        "value": "-0.022em",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_2.tracking",
        "group": "Display"
      },
      {
        "name": "display.h_2.leading",
        "value": 1.12,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_2.leading",
        "group": "Display"
      },
      {
        "name": "display.h_3.size",
        "value": "clamp(20px, 1.8vw, 24px)",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_3.size",
        "group": "Display"
      },
      {
        "name": "display.h_3.weight",
        "value": 500,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_3.weight",
        "group": "Display"
      },
      {
        "name": "display.h_3.tracking",
        "value": "-0.015em",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_3.tracking",
        "group": "Display"
      },
      {
        "name": "display.h_3.leading",
        "value": 1.2,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.display.h_3.leading",
        "group": "Display"
      },
      {
        "name": "body.xs.size",
        "value": "12px",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.xs.size",
        "group": "Body"
      },
      {
        "name": "body.xs.leading",
        "value": 1.4,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.xs.leading",
        "group": "Body"
      },
      {
        "name": "body.sm.size",
        "value": "13px",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.sm.size",
        "group": "Body"
      },
      {
        "name": "body.sm.leading",
        "value": 1.45,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.sm.leading",
        "group": "Body"
      },
      {
        "name": "body.md.size",
        "value": "14px",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.md.size",
        "group": "Body"
      },
      {
        "name": "body.md.leading",
        "value": 1.5,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.md.leading",
        "group": "Body"
      },
      {
        "name": "body.lg.size",
        "value": "18px",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.lg.size",
        "group": "Body"
      },
      {
        "name": "body.lg.leading",
        "value": 1.45,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.lg.leading",
        "group": "Body"
      },
      {
        "name": "body.xl.size",
        "value": "22px",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.xl.size",
        "group": "Body"
      },
      {
        "name": "body.xl.leading",
        "value": 1.3,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.xl.leading",
        "group": "Body"
      },
      {
        "name": "body.body.size",
        "value": "16px",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.body.size",
        "group": "Body"
      },
      {
        "name": "body.body.weight",
        "value": 400,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.body.weight",
        "group": "Body"
      },
      {
        "name": "body.body.leading",
        "value": 1.5,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.body.leading",
        "group": "Body"
      },
      {
        "name": "body.body.tracking",
        "value": "-0.005em",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.body.tracking",
        "group": "Body"
      },
      {
        "name": "body.eyebrow.size",
        "value": "11px",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.eyebrow.size",
        "group": "Body"
      },
      {
        "name": "body.eyebrow.weight",
        "value": 500,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.eyebrow.weight",
        "group": "Body"
      },
      {
        "name": "body.eyebrow.tracking",
        "value": "0.18em",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.eyebrow.tracking",
        "group": "Body"
      },
      {
        "name": "body.eyebrow.transform",
        "value": "uppercase",
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#typography.body.eyebrow.transform",
        "group": "Body"
      },
      {
        "name": "size.displayMega",
        "css_var": "--text-display-mega",
        "value": "96px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.displayMega",
        "group": "Size"
      },
      {
        "name": "size.displayHero",
        "css_var": "--text-display-hero",
        "value": "64px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.displayHero",
        "group": "Size"
      },
      {
        "name": "size.displaySection",
        "css_var": "--text-display-section",
        "value": "54px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.displaySection",
        "group": "Size"
      },
      {
        "name": "size.displayCard",
        "css_var": "--text-display-card",
        "value": "48px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.displayCard",
        "group": "Size"
      },
      {
        "name": "size.displaySub",
        "css_var": "--text-display-sub",
        "value": "40px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.displaySub",
        "group": "Size"
      },
      {
        "name": "size.heroLead",
        "css_var": "--text-hero-lead",
        "value": "20px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.heroLead",
        "group": "Size"
      },
      {
        "name": "size.lg",
        "css_var": "--text-lg",
        "value": "18px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.lg",
        "group": "Size"
      },
      {
        "name": "size.body",
        "css_var": "--text-body",
        "value": "16px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.body",
        "group": "Size"
      },
      {
        "name": "size.sm",
        "css_var": "--text-sm",
        "value": "14px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.sm",
        "group": "Size"
      },
      {
        "name": "size.xs",
        "css_var": "--text-xs",
        "value": "13px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.xs",
        "group": "Size"
      },
      {
        "name": "size.micro",
        "css_var": "--text-micro",
        "value": "11px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.micro",
        "group": "Size"
      },
      {
        "name": "size.monoLg",
        "css_var": "--text-mono-lg",
        "value": "15px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.monoLg",
        "group": "Size"
      },
      {
        "name": "size.mono",
        "css_var": "--text-mono",
        "value": "13px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontSize.mono",
        "group": "Size"
      },
      {
        "name": "family.display",
        "value": "var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontFamily.display",
        "group": "Family"
      },
      {
        "name": "family.sans",
        "value": "\"Inter\", ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontFamily.sans",
        "group": "Family"
      },
      {
        "name": "family.mono",
        "value": "\"Geist Mono\", ui-monospace, \"SF Mono\", Menlo, monospace",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#fontFamily.mono",
        "group": "Family"
      },
      {
        "name": "style.displayMega.fontFamily",
        "value": "var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayMega.fontFamily",
        "group": "Style"
      },
      {
        "name": "style.displayMega.fontWeight",
        "value": 400,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayMega.fontWeight",
        "group": "Style"
      },
      {
        "name": "style.displayMega.fontSize",
        "value": "96px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayMega.fontSize",
        "group": "Style"
      },
      {
        "name": "style.displayMega.lineHeight",
        "value": "100%",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayMega.lineHeight",
        "group": "Style"
      },
      {
        "name": "style.displayMega.letterSpacing",
        "value": "-0.026em",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayMega.letterSpacing",
        "group": "Style"
      },
      {
        "name": "style.displayHero.fontFamily",
        "value": "var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayHero.fontFamily",
        "group": "Style"
      },
      {
        "name": "style.displayHero.fontWeight",
        "value": 400,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayHero.fontWeight",
        "group": "Style"
      },
      {
        "name": "style.displayHero.fontSize",
        "value": "64px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayHero.fontSize",
        "group": "Style"
      },
      {
        "name": "style.displayHero.lineHeight",
        "value": "100%",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayHero.lineHeight",
        "group": "Style"
      },
      {
        "name": "style.displayHero.letterSpacing",
        "value": "-0.015em",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayHero.letterSpacing",
        "group": "Style"
      },
      {
        "name": "style.displaySection.fontFamily",
        "value": "var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displaySection.fontFamily",
        "group": "Style"
      },
      {
        "name": "style.displaySection.fontWeight",
        "value": 400,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displaySection.fontWeight",
        "group": "Style"
      },
      {
        "name": "style.displaySection.fontSize",
        "value": "54px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displaySection.fontSize",
        "group": "Style"
      },
      {
        "name": "style.displaySection.lineHeight",
        "value": "100%",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displaySection.lineHeight",
        "group": "Style"
      },
      {
        "name": "style.displaySection.letterSpacing",
        "value": "-0.01em",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displaySection.letterSpacing",
        "group": "Style"
      },
      {
        "name": "style.displayCard.fontFamily",
        "value": "var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayCard.fontFamily",
        "group": "Style"
      },
      {
        "name": "style.displayCard.fontWeight",
        "value": 400,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayCard.fontWeight",
        "group": "Style"
      },
      {
        "name": "style.displayCard.fontSize",
        "value": "48px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayCard.fontSize",
        "group": "Style"
      },
      {
        "name": "style.displayCard.lineHeight",
        "value": "100%",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayCard.lineHeight",
        "group": "Style"
      },
      {
        "name": "style.displayCard.letterSpacing",
        "value": "-0.005em",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displayCard.letterSpacing",
        "group": "Style"
      },
      {
        "name": "style.displaySub.fontFamily",
        "value": "var(--font-geist-sans), ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displaySub.fontFamily",
        "group": "Style"
      },
      {
        "name": "style.displaySub.fontWeight",
        "value": 400,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displaySub.fontWeight",
        "group": "Style"
      },
      {
        "name": "style.displaySub.fontSize",
        "value": "40px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displaySub.fontSize",
        "group": "Style"
      },
      {
        "name": "style.displaySub.lineHeight",
        "value": 1.15,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.displaySub.lineHeight",
        "group": "Style"
      },
      {
        "name": "style.eyebrow.fontFamily",
        "value": "\"Inter\", ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.eyebrow.fontFamily",
        "group": "Style"
      },
      {
        "name": "style.eyebrow.fontWeight",
        "value": 500,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.eyebrow.fontWeight",
        "group": "Style"
      },
      {
        "name": "style.eyebrow.fontSize",
        "value": "14px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.eyebrow.fontSize",
        "group": "Style"
      },
      {
        "name": "style.eyebrow.lineHeight",
        "value": 1.2,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.eyebrow.lineHeight",
        "group": "Style"
      },
      {
        "name": "style.eyebrow.letterSpacing",
        "value": "0.06em",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.eyebrow.letterSpacing",
        "group": "Style"
      },
      {
        "name": "style.lead.fontFamily",
        "value": "\"Inter\", ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.lead.fontFamily",
        "group": "Style"
      },
      {
        "name": "style.lead.fontWeight",
        "value": 400,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.lead.fontWeight",
        "group": "Style"
      },
      {
        "name": "style.lead.fontSize",
        "value": "20px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.lead.fontSize",
        "group": "Style"
      },
      {
        "name": "style.lead.lineHeight",
        "value": 1.5,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.lead.lineHeight",
        "group": "Style"
      },
      {
        "name": "style.body.fontFamily",
        "value": "\"Inter\", ui-sans-serif, system-ui, -apple-system, sans-serif",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.body.fontFamily",
        "group": "Style"
      },
      {
        "name": "style.body.fontWeight",
        "value": 400,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.body.fontWeight",
        "group": "Style"
      },
      {
        "name": "style.body.fontSize",
        "value": "16px",
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.body.fontSize",
        "group": "Style"
      },
      {
        "name": "style.body.lineHeight",
        "value": 1.6,
        "source": "brand",
        "ts_path": "packages/brand/src/tokens/typography.ts#typography.body.lineHeight",
        "group": "Style"
      }
    ],
    "density": [
      {
        "name": "comfortable.controlH",
        "css_var": "--density-comfortable-control-h",
        "value": 42,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#density.comfortable.controlH",
        "group": "comfortable"
      },
      {
        "name": "comfortable.inputH",
        "css_var": "--density-comfortable-input-h",
        "value": 44,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#density.comfortable.inputH",
        "group": "comfortable"
      },
      {
        "name": "comfortable.pillH",
        "css_var": "--density-comfortable-pill-h",
        "value": 32,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#density.comfortable.pillH",
        "group": "comfortable"
      },
      {
        "name": "comfortable.rowY",
        "css_var": "--density-comfortable-row-y",
        "value": 14,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#density.comfortable.rowY",
        "group": "comfortable"
      },
      {
        "name": "compact.controlH",
        "css_var": "--density-compact-control-h",
        "value": 32,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#density.compact.controlH",
        "group": "compact"
      },
      {
        "name": "compact.inputH",
        "css_var": "--density-compact-input-h",
        "value": 36,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#density.compact.inputH",
        "group": "compact"
      },
      {
        "name": "compact.pillH",
        "css_var": "--density-compact-pill-h",
        "value": 24,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#density.compact.pillH",
        "group": "compact"
      },
      {
        "name": "compact.rowY",
        "css_var": "--density-compact-row-y",
        "value": 10,
        "source": "matter",
        "ts_path": "packages/tokens/src/index.ts#density.compact.rowY",
        "group": "compact"
      }
    ]
  },
  "components": [
    {
      "name": "AppBreadcrumb",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/app-breadcrumb"
    },
    {
      "name": "BloomArt",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/bloom-art"
    },
    {
      "name": "BloomBackdrop",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/bloom-backdrop"
    },
    {
      "name": "BoardConsentCard",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/board-consent-card"
    },
    {
      "name": "Button",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/button"
    },
    {
      "name": "ButtonGroup",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/button-group"
    },
    {
      "name": "CK",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "CapTableSnapshotCard",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/cap-table-snapshot-card"
    },
    {
      "name": "Card",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/card"
    },
    {
      "name": "CardActionContextZ",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "CardActionProvider",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "CardActionZ",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "CardFallback",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "CardMetaZ",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "CardSkeleton",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "CardZ",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "CodeBlock",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/code-block"
    },
    {
      "name": "Composer",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/composer"
    },
    {
      "name": "ComposerChip",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/composer-chip"
    },
    {
      "name": "ComposerLensDefs",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/composer-lens-defs"
    },
    {
      "name": "Container",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "DataTable",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/data-table"
    },
    {
      "name": "DisplayHeading",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/display-heading"
    },
    {
      "name": "DynamicCard",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/dynamic-card"
    },
    {
      "name": "EndpointBadge",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/endpoint-badge"
    },
    {
      "name": "Eyebrow",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/eyebrow"
    },
    {
      "name": "FilingStatusCard",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/filing-status-card"
    },
    {
      "name": "Glass",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/glass"
    },
    {
      "name": "H1",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "H2",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "H3",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "HDisplay",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "Icon",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "IconTile",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/icon-tile"
    },
    {
      "name": "IconTileSizes",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "InlineToolCall",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/inline-tool-call"
    },
    {
      "name": "Italic",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "Kicker",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/kicker"
    },
    {
      "name": "LIFECYCLE_STAGES",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "LiveThinkingPanel",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/live-thinking-panel"
    },
    {
      "name": "MARQUEE_FEATURES",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "MatterMarkAvatar",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/matter-mark-avatar"
    },
    {
      "name": "OptionGrantCard",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/option-grant-card"
    },
    {
      "name": "OrgMark",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/org-mark"
    },
    {
      "name": "Pill",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/pill"
    },
    {
      "name": "PillHeader",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/pill-header"
    },
    {
      "name": "PlanCard",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/plan-card"
    },
    {
      "name": "Progress",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/progress"
    },
    {
      "name": "Section",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/section"
    },
    {
      "name": "Sheet",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/sheet"
    },
    {
      "name": "ShimmerText",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/shimmer-text"
    },
    {
      "name": "SignatureStack",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/signature-stack"
    },
    {
      "name": "SlidingPill",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/sliding-pill"
    },
    {
      "name": "Stat",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/stat"
    },
    {
      "name": "ThinkingTree",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/thinking-tree"
    },
    {
      "name": "Timeline",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": true,
      "page_url": "https://design.mattermode.com/components/timeline"
    },
    {
      "name": "Tok",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "TwoCol",
      "import_path": "@matter/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/components/src/index.ts",
      "source_path": "packages/components/src/index.ts",
      "has_page": false
    },
    {
      "name": "MatterEyebrow",
      "import_path": "@repo/brand/components",
      "source_url": "https://github.com/matterhq/matter/blob/main/packages/brand/src/components/index.ts",
      "source_path": "packages/brand/src/components/index.ts",
      "has_page": false
    }
  ],
  "recipes": [
    {
      "slug": "recipes/api",
      "title": "API reference",
      "description": "Full-bleed API-reference layout — topbar, sidebar nav, breadcrumb + eyebrow, operation detail on the left, embedded Scalar playground on the right. The canonical surface for every endpoint in apps/docs.",
      "page_url": "https://design.mattermode.com/recipes/api",
      "source": "apps/docs/app/(docs)/[...slug]/page.tsx"
    },
    {
      "slug": "recipes/board",
      "title": "Board meeting",
      "description": "Full-screen board-meeting surface — agenda, attendance, action items, materials, pending consents. The canonical board-composer layout in apps/app/(authenticated)/entities/[id]/board/.",
      "page_url": "https://design.mattermode.com/recipes/board",
      "source": "apps/app/app/(authenticated)/entities/[id]/board/page.tsx"
    },
    {
      "slug": "recipes/doc-detail",
      "title": "Document detail",
      "description": "Single-document inspector — lifecycle bar, identity card, signature timeline, audit trail, and an action rail. The canonical document-detail surface in apps/app/(authenticated)/documents/[id]/.",
      "page_url": "https://design.mattermode.com/recipes/doc-detail",
      "source": "apps/app/app/(authenticated)/documents/[id]/page.tsx"
    },
    {
      "slug": "recipes/docs-corpus",
      "title": "Docs corpus",
      "description": "The Matter docs landing — pill-shaped Cmd+K search at the top, endpoint-card grid below with method badges, lifecycle-grouped sections (Create / Manage / Exit / Platform), and inline TOC. Canonical layout in apps/docs/.",
      "page_url": "https://design.mattermode.com/recipes/docs-corpus",
      "source": "apps/docs/app/(docs)/layout.tsx"
    },
    {
      "slug": "recipes/equity",
      "title": "Equity dashboard",
      "description": "Cap-table snapshot + share-class breakdown + grants table + recent activity. Canonical equity surface in apps/app/(authenticated)/entities/[id]/equity/.",
      "page_url": "https://design.mattermode.com/recipes/equity",
      "source": "apps/app/app/(authenticated)/entities/[id]/equity/page.tsx"
    },
    {
      "slug": "recipes/index",
      "title": "Recipes",
      "description": "Full-bleed app-screen recipes — corpus, document detail, board meeting, equity dashboard, API reference.",
      "page_url": "https://design.mattermode.com/recipes/index"
    }
  ],
  "patterns": [
    {
      "slug": "patterns/api-comp",
      "title": "API composition",
      "description": "EndpointBadge + VerbPill + CodeCard composition for API-reference pages.",
      "page_url": "https://design.mattermode.com/patterns/api-comp"
    },
    {
      "slug": "patterns/bloom-art",
      "title": "Bloom art",
      "description": "Five painterly liquid-glass compositions — washes, refractive core, subject silhouette, motion-blurred streaks, specular highlight, grain, vignette, glass rim. Distinct from gradient bloom backdrops.",
      "page_url": "https://design.mattermode.com/patterns/bloom-art"
    },
    {
      "slug": "patterns/blooms-bare",
      "title": "Blooms (bare)",
      "description": "The four bloom backdrops without the `.bloom-veil` overlay — decorative bands. Display-only text. Distinct from Bloom Art.",
      "page_url": "https://design.mattermode.com/patterns/blooms-bare"
    },
    {
      "slug": "patterns/cards",
      "title": "Cards",
      "description": "Feature card + inline card composition rules. Opaque surfaces — never glass.",
      "page_url": "https://design.mattermode.com/patterns/cards"
    },
    {
      "slug": "patterns/composition",
      "title": "Composition",
      "description": "How Matter primitives compose — cva variants, Slot polymorphism, className passthrough, and the variant-factory export.",
      "page_url": "https://design.mattermode.com/patterns/composition"
    },
    {
      "slug": "patterns/dynamic-cards/data",
      "title": "Data display",
      "description": "`CK.Value`, `CK.Money`, `CK.Delta` — typed value readouts inside a card body.",
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/data",
      "components_used": [
        "CK"
      ]
    },
    {
      "slug": "patterns/dynamic-cards/domain",
      "title": "Domain artifacts",
      "description": "Typed legal-artifact primitives — cap-table rows, filing receipts, plan summaries, board consents.",
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/domain",
      "components_used": [
        "CK"
      ]
    },
    {
      "slug": "patterns/dynamic-cards/editor",
      "title": "Editor primitives",
      "description": "Inline editor inside the card footer — typed fields, validation, async commit.",
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/editor",
      "components_used": [
        "CK"
      ]
    },
    {
      "slug": "patterns/dynamic-cards/frame",
      "title": "Frame & flow",
      "description": "`CK.Frame` — the outer shell with phase tone (plan / execute / respond) and the result-stream protocol.",
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/frame",
      "components_used": [
        "CK"
      ]
    },
    {
      "slug": "patterns/dynamic-cards/index",
      "title": "Dynamic cards",
      "description": "Atomic primitives every chat-result and AI-output card composes from — frame & flow, data display, process & metrics, people & parties, domain artifacts, editor primitives.",
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/index"
    },
    {
      "slug": "patterns/dynamic-cards/people",
      "title": "People & parties",
      "description": "Attribution chips — signer rows, board attendance, agent identity badges.",
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/people",
      "components_used": [
        "CK"
      ]
    },
    {
      "slug": "patterns/dynamic-cards/process",
      "title": "Process & metrics",
      "description": "Step receipts, progress indicators, run-summary primitives.",
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/process",
      "components_used": [
        "CK"
      ]
    },
    {
      "slug": "patterns/icons",
      "title": "Icons",
      "description": "Lucide React at 1.5 px stroke for UI. Custom SVGs from packages/brand/public/matter/assets/ for feature-card accents.",
      "page_url": "https://design.mattermode.com/patterns/icons"
    },
    {
      "slug": "patterns/index",
      "title": "Patterns",
      "description": "Composite recipes — how primitives fit together to render full surfaces. Twelve patterns covering navigation, surfaces, marketing sections, data tables, search, API composition, warnings, and the dynamic-card family.",
      "page_url": "https://design.mattermode.com/patterns/index"
    },
    {
      "slug": "patterns/search-filters",
      "title": "Search & filters",
      "description": "Topbar Cmd-K, sidebar filters, breadcrumb eyebrow grammar.",
      "page_url": "https://design.mattermode.com/patterns/search-filters"
    },
    {
      "slug": "patterns/sections",
      "title": "Sections",
      "description": "Full-bleed background, contained text. Marketing section recipe with the canonical rhythm tokens.",
      "page_url": "https://design.mattermode.com/patterns/sections"
    },
    {
      "slug": "patterns/tables",
      "title": "Tables",
      "description": "Hairline rules, sticky headers, --ink-2 row hover. Domain-named status pills on cells.",
      "page_url": "https://design.mattermode.com/patterns/tables"
    },
    {
      "slug": "patterns/tabs",
      "title": "Tabs",
      "description": "Pill-switcher tab pattern — sliding white indicator inside a glass capsule.",
      "page_url": "https://design.mattermode.com/patterns/tabs"
    },
    {
      "slug": "patterns/warnings",
      "title": "Warnings",
      "description": "Inline banner, callout, inline-error, activity log. When to use which.",
      "page_url": "https://design.mattermode.com/patterns/warnings"
    }
  ],
  "pages": [
    {
      "slug": "",
      "title": "Matter Design System",
      "description": "Tokens, components, and authoring rules for every Matter surface — designed to be consumed by designers, developers, and agents from a single source.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/"
    },
    {
      "slug": "agents",
      "title": "Agents",
      "description": "How AI agents consume the Matter design system. JSON manifest, JSON Schema, llms-design.txt, per-page raw MDX, version pinning. Worked examples and the contract.",
      "audience": [
        "agent",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/agents"
    },
    {
      "slug": "brand-in-action",
      "title": "Brand in action",
      "description": "Real Matter surfaces where the design system shows up — marketing hero, dashboard equity, assistant composer, API reference, docs corpus. Each card links the surface to the components and tokens it consumes.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/brand-in-action"
    },
    {
      "slug": "brand/index",
      "title": "Brand",
      "description": "Mark, wordmark, lockup, tagline — the parametric identity that scales off a single `--logo-size` token.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/brand/index"
    },
    {
      "slug": "brand/lockup",
      "title": "Lockup",
      "description": "Mark + wordmark, parametric — one `--logo-size` token scales the whole signature.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/brand/lockup"
    },
    {
      "slug": "brand/mark",
      "title": "Mark",
      "description": "A solid square. Color is `currentColor` — never a fixed hex.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/brand/mark"
    },
    {
      "slug": "brand/tagline",
      "title": "Tagline",
      "description": "The brand tagline lives in tokens, not markup. Three forms ship — title case, all caps, mid-dotted mono.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/brand/tagline"
    },
    {
      "slug": "brand/tokens",
      "title": "Brand tokens",
      "description": "Voice, wordmark type, lockup geometry, surface presets. Change here, ship everywhere.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/brand/tokens"
    },
    {
      "slug": "brand/wordmark",
      "title": "Wordmark",
      "description": "**matter** in Funnel Display 800 — lowercase, tight tracking, locked leading.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/brand/wordmark"
    },
    {
      "slug": "changelog",
      "title": "Changelog",
      "description": "What's landed in each release of @matter/tokens, @matter/components, @repo/brand, and the design site. Derived from git history at build time.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/changelog"
    },
    {
      "slug": "components/app-breadcrumb",
      "title": "AppBreadcrumb",
      "description": "Dashboard breadcrumb stack — ordered crumbs separated by slim diagonal slashes, last crumb is aria-current. Mono crumbs render in Geist Mono for resource IDs and file paths. Right slot accepts a trailing affordance (context-menu trigger, action button).",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/app-breadcrumb"
    },
    {
      "slug": "components/bloom-art",
      "title": "BloomArt",
      "description": "Painterly liquid-glass orb rendered as SVG — five canonical variants modelled on reference photographs (peach, lavender, sage, amber, peach×lavender mix). Pure decoration; place inside a sized container or pass `height` to control sizing.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/bloom-art"
    },
    {
      "slug": "components/bloom-backdrop",
      "title": "BloomBackdrop",
      "description": "System pattern composing BloomArt positioned absolute behind a section, with an optional frosted `.bloom-veil` overlay. The canonical 'bloom behind content' building block — use for marketing heroes and hero-tier dashboard cards.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/bloom-backdrop"
    },
    {
      "slug": "components/board-consent-card",
      "title": "BoardConsentCard",
      "description": "Board consent in flight — title, awaiting-signatures pill, signer rows with per-director state, send-reminder footer. Use when a written consent is mid-execution and the board needs visibility into who has and hasn't signed.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/board-consent-card"
    },
    {
      "slug": "components/button",
      "title": "Button",
      "description": "Matter's canonical button primitive — 5 variants × 7 sizes, Radix-Slot polymorphism, glow-aware hover.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/button"
    },
    {
      "slug": "components/button-group",
      "title": "ButtonGroup",
      "description": "Horizontal cluster of buttons with token-driven gap and responsive wrap.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/button-group"
    },
    {
      "slug": "components/cap-table-snapshot-card",
      "title": "CapTableSnapshotCard",
      "description": "Live cap-table snapshot — SVG donut showing fully-diluted ownership, a holder list with role and FDS percentage, sync timestamp, and an open-cap-table footer. Use when a single glance at ownership is the user's question.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/cap-table-snapshot-card"
    },
    {
      "slug": "components/card",
      "title": "Card",
      "description": "Opaque elevated surface — bg-elev + hairline border + radius-lg. The default container for content blocks anywhere in the dashboard or marketing surfaces. Pass `padding` to override the 32px default.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/card"
    },
    {
      "slug": "components/code-block",
      "title": "CodeBlock",
      "description": "Geist Mono code surface with 5-token syntax coloring. Optional header slot composes any V2 primitive — the V1 CodeCard role. Always translucent white, never dark slate. Bare mode renders <pre>; header mode wraps in <figure>.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/code-block"
    },
    {
      "slug": "components/composer",
      "title": "Composer",
      "description": "Tahoe-glass message input with real backdrop refraction and chromatic-aberration rim. Textarea auto-grows to 200px, Enter submits, Shift+Enter newlines. Chip slot at bottom-left for attach / model / context pickers.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/composer"
    },
    {
      "slug": "components/composer-chip",
      "title": "ComposerChip",
      "description": "Pill-shaped action chip rendered in the Composer's bottom-left slot. Used for attach buttons, model pickers, context selectors. Carries an optional leading icon and is a real <button>.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/composer-chip"
    },
    {
      "slug": "components/composer-lens-defs",
      "title": "ComposerLensDefs",
      "description": "SVG defs chain that drives the Composer's Tahoe-glass backdrop refraction and chromatic-aberration rim. Two filters referenced from CSS — #composer-lens (full-rim displacement) and #composer-chroma (RGB shift). Mount once per page.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/composer-lens-defs"
    },
    {
      "slug": "components/data-table",
      "title": "DataTable",
      "description": "Sortable, filterable, paginated tabular surface. Wraps TanStack Table v8 inside Matter's table grammar — dense hairline rows, uppercase mono column heads, and a peach focus ring on every interactive affordance.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/data-table"
    },
    {
      "slug": "components/display-heading",
      "title": "DisplayHeading",
      "description": "Sized display heading — five sizes (mega → sub) map to V1-aliased CSS recipes so V1 → V2 migration is import-path-only. Visual size is independent of the HTML heading level — pass `as` to set the right semantic element.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/display-heading"
    },
    {
      "slug": "components/dynamic-card",
      "title": "DynamicCard",
      "description": "Streaming-safe renderer for Matter's Dynamic Cards framework — takes an agent-emitted JSON spec, validates against the CardZ Zod schema, composes registered primitives into a card tree. Parse failure on partial → skeleton; parse failure on final → labeled fallback; render throw → ErrorBoundary swap.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/dynamic-card"
    },
    {
      "slug": "components/endpoint-badge",
      "title": "EndpointBadge",
      "description": "Translucent pill labelling an HTTP endpoint — verb (method-colored) and path (mono). Omit the path for verb-only mode (the V1 VerbPill role).",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/endpoint-badge"
    },
    {
      "slug": "components/eyebrow",
      "title": "Eyebrow",
      "description": "11px, 0.18em tracked, uppercase soft-grey label that sits above a section headline. Always followed by a 24px gap. Pass `mono` for tabular numeric or code-flavored content.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/eyebrow"
    },
    {
      "slug": "components/filing-status-card",
      "title": "FilingStatusCard",
      "description": "Read-only summary of a single compliance filing — title, status pill, jurisdiction, due date, and a checklist of sub-items. Use when the dashboard or an agent needs to surface 'where does this filing stand right now.'",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/filing-status-card"
    },
    {
      "slug": "components/glass",
      "title": "Glass",
      "description": "Translucent liquid-glass surface — backdrop blur and saturation, top specular highlight, bottom edge shadow, soft radial light overlay. Place over a bloom panel or any saturated background to see the refraction land. `tone` switches the light/dark recipe.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/glass"
    },
    {
      "slug": "components/icon-tile",
      "title": "IconTile",
      "description": "Bordered tile that hosts a named icon — the leading glyph on inline cards.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/icon-tile"
    },
    {
      "slug": "components/index",
      "title": "Components",
      "description": "Every component in @matter/components and @repo/brand — grouped by purpose, click into any card to read its full API, see live previews at every state × theme × density, and copy a working code snippet.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/index"
    },
    {
      "slug": "components/inline-tool-call",
      "title": "InlineToolCall",
      "description": "Pill-style tool-call indicator for the assistant chat history. Single line: status dot + METHOD + path + status label + latency. Use whenever an agent invokes a Matter API tool and the user should see what call happened.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/inline-tool-call"
    },
    {
      "slug": "components/kicker",
      "title": "Kicker",
      "description": "Uppercase mono caption used as a card-header lead-in (e.g. \"OPTION GRANT — DRAFT\").",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/kicker"
    },
    {
      "slug": "components/live-thinking-panel",
      "title": "LiveThinkingPanel",
      "description": "Streamed agent thinking surface — a hairline card holding a vertical step trail. The header reads `Thinking · step N of M` while live and `Thought for X · N steps` once final. The active step's label sits inside a translucent glass pill and runs a continuous moving-gradient text shimmer.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/live-thinking-panel"
    },
    {
      "slug": "components/matter-mark-avatar",
      "title": "MatterMarkAvatar",
      "description": "Square→circle spinning Matter mark — the assistant's presence chip. 28px black circle with an inner white square that dwells, accelerates into a near-circle from motion blur, decelerates, and settles. Five phantoms fade in during the fast middle to soften the silhouette.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/matter-mark-avatar"
    },
    {
      "slug": "components/option-grant-card",
      "title": "OptionGrantCard",
      "description": "Proposed option grant in draft — recipient avatar, shares/strike/plan grid, four-year vesting bar with cliff marker, approve-grant footer. Use when an agent or founder is staging an equity grant before board approval.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/option-grant-card"
    },
    {
      "slug": "components/org-mark",
      "title": "OrgMark",
      "description": "26×26 organisation swatch with initials. Used by the sidebar header trigger and the org-switcher drawer rows. The accent maps to a --role-* token with a sensible hex fallback when the canonical ring isn't wired.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/org-mark"
    },
    {
      "slug": "components/pill",
      "title": "Pill",
      "description": "Small inline tag. Mono-chip-style tones for status / version / ID badges; an announcement-pill shape for marketing surfaces.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/pill"
    },
    {
      "slug": "components/pill-header",
      "title": "PillHeader",
      "description": "Glass-pill row used in How-It-Works section headers — left side: lifecycle dot + label; right side: primary CTA + Docs link. Port of the v2 marketing-page section header treatment.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/pill-header"
    },
    {
      "slug": "components/plan-card",
      "title": "PlanCard",
      "description": "Ordered checklist of plan steps with a `completed` cursor — title, x/n progress, list of items with done / active / pending states. Use when an agent proposes a multi-step plan and the user needs to track progress as steps complete.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/plan-card"
    },
    {
      "slug": "components/progress",
      "title": "Progress",
      "description": "Token-driven horizontal meter with optional marker tick (cliff indicator, milestone marker).",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/progress"
    },
    {
      "slug": "components/section",
      "title": "Section",
      "description": "Vertical-rhythm wrapper for page sections — pairs with Container for max-width body content. `bloom` paints a tinted backdrop AND propagates --btn-glow to nested buttons. `glow` propagates the cascade without the painted background.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/section"
    },
    {
      "slug": "components/sheet",
      "title": "Sheet",
      "description": "Full-bleed overlay — scrim blurs the page behind, centered glass card holds focused content. Escape closes; backdrop click closes. Use for endpoint detail, action confirmation, contextual zoom. For full Radix accessibility (focus trap, escape stack), use Dialog from @matter/components/headless instead.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/sheet"
    },
    {
      "slug": "components/shimmer-text",
      "title": "ShimmerText",
      "description": "Word-by-word reveal with a horizontal mask wipe — each word fades in while a soft gradient sweeps across its glyphs, like text materialising through glass. Pure CSS once mounted; the parent receives `onComplete` after the last word ends.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/shimmer-text"
    },
    {
      "slug": "components/signature-stack",
      "title": "SignatureStack",
      "description": "Package of documents awaiting signature — package name, status pill, per-document rows with thumb / meta / signer count / page count / size, overlapping recipient avatars, send-for-signature footer. Use when staging or tracking a multi-document signing flow.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/signature-stack"
    },
    {
      "slug": "components/sliding-pill",
      "title": "SlidingPill",
      "description": "Radix-free tab pill with an animated indicator that slides between items. Single absolute element reads the active item's offsetLeft + width — preserves the v2 liquid-glass settle-spring easing without a third-party state machine.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/sliding-pill"
    },
    {
      "slug": "components/stat",
      "title": "Stat",
      "description": "Big-number stat column — uppercase mono kicker over a display value with optional small caption.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/stat"
    },
    {
      "slug": "components/thinking-tree",
      "title": "ThinkingTree",
      "description": "Quiet editorial reasoning surface — a flat list of sequential steps with a five-state vocabulary (done · active · queued · failed · skipped), a hairline rail that darkens to the success ramp as work completes, and a translucent glass pill carrying the active row's continuous text shimmer.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/thinking-tree"
    },
    {
      "slug": "components/timeline",
      "title": "Timeline",
      "description": "Namespace of primitives for event-feed surfaces — Timeline, Audit log, Inbox. Three layers: atoms (KindDot, KindChip, ActorChip, SourceChip), filter controls (Search, FilterSelect, KindToggleRow), and shared constants (KIND_CFG, ACTOR_TONES, SOURCE_LABEL).",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/components/timeline"
    },
    {
      "slug": "design-to-code",
      "title": "Design-to-code",
      "description": "The Figma → React handoff. Component naming convention, Code Connect setup, variant-mapping rules, the canonical handoff workflow.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/design-to-code"
    },
    {
      "slug": "dynamic-cards/create",
      "title": "Create — Dynamic Cards",
      "description": "Cards the assistant emits while bringing an entity into existence.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/dynamic-cards/create"
    },
    {
      "slug": "dynamic-cards/exit",
      "title": "Exit — Dynamic Cards",
      "description": "Cards the assistant emits while winding the entity down.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/dynamic-cards/exit"
    },
    {
      "slug": "dynamic-cards/index",
      "title": "Dynamic Cards",
      "description": "AI-composed UI cards built from Matter's primitive vocabulary at runtime.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/dynamic-cards/index"
    },
    {
      "slug": "dynamic-cards/manage",
      "title": "Manage — Dynamic Cards",
      "description": "Cards the assistant emits during day-to-day operation of a registered entity.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/dynamic-cards/manage"
    },
    {
      "slug": "foundations/a11y",
      "title": "Accessibility — AA contract",
      "description": "Body text 4.5:1 minimum, UI and large text 3:1. Decorative tokens are exempt — sibling AA aliases exist for callsites that need to flip.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/a11y"
    },
    {
      "slug": "foundations/accessibility-matrix",
      "title": "Accessibility matrix",
      "description": "Per-component accessibility checklist — keyboard, screen-reader, focus, contrast, reduced-motion, forced-colors. Generated from every component's a11y: frontmatter block. Use this as the single sweep before shipping any consumer that uses these components.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/accessibility-matrix"
    },
    {
      "slug": "foundations/alphas",
      "title": "Alphas",
      "description": "Ink over paper, paper over a bloom. Use these instead of inline `rgba()` — naming is `--ink-NN` / `--paper-NN` where NN is the percent alpha.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/alphas"
    },
    {
      "slug": "foundations/bloom",
      "title": "Bloom",
      "description": "Four bloom families — peach, lavender, sage, amber. 3 + 2 + 2 + (gradient-only). The families don't share a uniform ramp.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/foundations/bloom"
    },
    {
      "slug": "foundations/breakpoints",
      "title": "Breakpoints",
      "description": "Six canonical breakpoints — xs / sm / md / lg / xl / 2xl. Mobile-first min-width semantics. Use container queries where possible; reach for these only when the page-level layout itself needs to change.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/breakpoints"
    },
    {
      "slug": "foundations/color",
      "title": "Color",
      "description": "Foreground and background are flat, off-bright. Hairlines are warm-gray, not alpha-black — so they read consistently against either white or warm paper.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/color"
    },
    {
      "slug": "foundations/focus",
      "title": "Focus",
      "description": "One peach ring, system-wide. Use `--focus-ring` + `--focus-border` for any focusable surface; `--focus-row-active` for selected rows in command palettes.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/focus"
    },
    {
      "slug": "foundations/hover",
      "title": "Hover",
      "description": "Tone cascade — every hover defaults to the closest non-neutral color in its ancestor chain. White, black, and grey are the explicit opt-out, never the default.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/hover"
    },
    {
      "slug": "foundations/i18n-locale",
      "title": "i18n & locale",
      "description": "How Matter handles internationalisation, locale-aware formatting, and translation. Intl APIs always; never hardcode dates or numbers; brand names and code tokens carry `translate=\\\"no\\\"`. RTL preparedness.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/i18n-locale"
    },
    {
      "slug": "foundations/icons",
      "title": "Icons",
      "description": "24×24 viewBox, 1.5px stroke, currentColor. Tree-shakable named exports from @matter/icons. Three canonical sizes — sm / md / lg — and one geometry.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/icons"
    },
    {
      "slug": "foundations/index",
      "title": "Foundations",
      "description": "Color, alphas, bloom, status, focus, the three-layer token architecture, and the AA accessibility contract.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/index"
    },
    {
      "slug": "foundations/layers",
      "title": "Token architecture",
      "description": "Three layers, one direction of dependency. Semantic at callsites; primitive in the back room; component-local in the component file that owns it.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/layers"
    },
    {
      "slug": "foundations/responsive",
      "title": "Responsive",
      "description": "How Matter screens reflow across viewports. Container queries first, breakpoints second; touch-target floor at 44×44 always; compact density orthogonal to viewport.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/responsive"
    },
    {
      "slug": "foundations/status",
      "title": "Status",
      "description": "Domain-named classes that match the data layer. `signed` / `pending` / `draft` / `filed` — not generic success/warning/info.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/status"
    },
    {
      "slug": "foundations/theming",
      "title": "Theming",
      "description": "How Matter themes work — CSS custom-property cascade, the `data-theme` attribute, dark-mode strategy, forced-colors support, brand customisation for embedded consumers. The single canonical theming surface.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/theming"
    },
    {
      "slug": "foundations/tokens",
      "title": "Tokens",
      "description": "Every token in @matter/tokens — 289 across 8 kinds (colors, radii, shadows, motion, layout, spacing, typography, density). Filterable by kind, source, name; click any token to copy its CSS var.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/tokens"
    },
    {
      "slug": "foundations/voice-content",
      "title": "Voice & content",
      "description": "The canonical voice + content contract — active voice, second person, Title Case, numerals not words, specific button labels, error messages with a fix, ellipsis not three dots, curly quotes, non-breaking spaces in measurements. The rules that govern every Matter surface.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/foundations/voice-content"
    },
    {
      "slug": "getting-started/for-agents",
      "title": "For agents",
      "description": "Fetch the JSON manifest, validate against the schema, pin to a version. The five-line agent integration.",
      "audience": [
        "agent"
      ],
      "page_url": "https://design.mattermode.com/getting-started/for-agents"
    },
    {
      "slug": "getting-started/for-designers",
      "title": "For designers",
      "description": "Where the Figma file lives, how token copy-on-click works, and the shape of the visual system. Start here if your output is mocks, screens, or specs.",
      "audience": [
        "designer"
      ],
      "page_url": "https://design.mattermode.com/getting-started/for-designers"
    },
    {
      "slug": "getting-started/for-developers",
      "title": "For developers",
      "description": "Install the packages, import your first component, wire the brand stylesheet, set up the Tailwind preset. The five-minute consumer onboarding.",
      "audience": [
        "developer"
      ],
      "page_url": "https://design.mattermode.com/getting-started/for-developers"
    },
    {
      "slug": "getting-started/index",
      "title": "Getting started",
      "description": "Three paths into the Matter design system — one for designers, one for developers, one for agents. Pick the one that fits how you'll consume the system.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/getting-started/index"
    },
    {
      "slug": "governance",
      "title": "Governance",
      "description": "How tokens and components become part of the system — proposal templates, review cadence, deprecation policy, version-bump rules, escalation paths. Read this before opening a PR that touches a token, component, or pattern.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/governance"
    },
    {
      "slug": "patterns/api-comp",
      "title": "API composition",
      "description": "EndpointBadge + VerbPill + CodeCard composition for API-reference pages.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/api-comp"
    },
    {
      "slug": "patterns/bloom-art",
      "title": "Bloom art",
      "description": "Five painterly liquid-glass compositions — washes, refractive core, subject silhouette, motion-blurred streaks, specular highlight, grain, vignette, glass rim. Distinct from gradient bloom backdrops.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/bloom-art"
    },
    {
      "slug": "patterns/blooms-bare",
      "title": "Blooms (bare)",
      "description": "The four bloom backdrops without the `.bloom-veil` overlay — decorative bands. Display-only text. Distinct from Bloom Art.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/blooms-bare"
    },
    {
      "slug": "patterns/cards",
      "title": "Cards",
      "description": "Feature card + inline card composition rules. Opaque surfaces — never glass.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/cards"
    },
    {
      "slug": "patterns/composition",
      "title": "Composition",
      "description": "How Matter primitives compose — cva variants, Slot polymorphism, className passthrough, and the variant-factory export.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/patterns/composition"
    },
    {
      "slug": "patterns/dynamic-cards/data",
      "title": "Data display",
      "description": "`CK.Value`, `CK.Money`, `CK.Delta` — typed value readouts inside a card body.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/data"
    },
    {
      "slug": "patterns/dynamic-cards/domain",
      "title": "Domain artifacts",
      "description": "Typed legal-artifact primitives — cap-table rows, filing receipts, plan summaries, board consents.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/domain"
    },
    {
      "slug": "patterns/dynamic-cards/editor",
      "title": "Editor primitives",
      "description": "Inline editor inside the card footer — typed fields, validation, async commit.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/editor"
    },
    {
      "slug": "patterns/dynamic-cards/frame",
      "title": "Frame & flow",
      "description": "`CK.Frame` — the outer shell with phase tone (plan / execute / respond) and the result-stream protocol.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/frame"
    },
    {
      "slug": "patterns/dynamic-cards/index",
      "title": "Dynamic cards",
      "description": "Atomic primitives every chat-result and AI-output card composes from — frame & flow, data display, process & metrics, people & parties, domain artifacts, editor primitives.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/index"
    },
    {
      "slug": "patterns/dynamic-cards/people",
      "title": "People & parties",
      "description": "Attribution chips — signer rows, board attendance, agent identity badges.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/people"
    },
    {
      "slug": "patterns/dynamic-cards/process",
      "title": "Process & metrics",
      "description": "Step receipts, progress indicators, run-summary primitives.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/patterns/dynamic-cards/process"
    },
    {
      "slug": "patterns/icons",
      "title": "Icons",
      "description": "Lucide React at 1.5 px stroke for UI. Custom SVGs from packages/brand/public/matter/assets/ for feature-card accents.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/icons"
    },
    {
      "slug": "patterns/index",
      "title": "Patterns",
      "description": "Composite recipes — how primitives fit together to render full surfaces. Twelve patterns covering navigation, surfaces, marketing sections, data tables, search, API composition, warnings, and the dynamic-card family.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/patterns/index"
    },
    {
      "slug": "patterns/search-filters",
      "title": "Search & filters",
      "description": "Topbar Cmd-K, sidebar filters, breadcrumb eyebrow grammar.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/search-filters"
    },
    {
      "slug": "patterns/sections",
      "title": "Sections",
      "description": "Full-bleed background, contained text. Marketing section recipe with the canonical rhythm tokens.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/sections"
    },
    {
      "slug": "patterns/tables",
      "title": "Tables",
      "description": "Hairline rules, sticky headers, --ink-2 row hover. Domain-named status pills on cells.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/tables"
    },
    {
      "slug": "patterns/tabs",
      "title": "Tabs",
      "description": "Pill-switcher tab pattern — sliding white indicator inside a glass capsule.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/tabs"
    },
    {
      "slug": "patterns/warnings",
      "title": "Warnings",
      "description": "Inline banner, callout, inline-error, activity log. When to use which.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/patterns/warnings"
    },
    {
      "slug": "recipes/api",
      "title": "API reference",
      "description": "Full-bleed API-reference layout — topbar, sidebar nav, breadcrumb + eyebrow, operation detail on the left, embedded Scalar playground on the right. The canonical surface for every endpoint in apps/docs.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/recipes/api"
    },
    {
      "slug": "recipes/board",
      "title": "Board meeting",
      "description": "Full-screen board-meeting surface — agenda, attendance, action items, materials, pending consents. The canonical board-composer layout in apps/app/(authenticated)/entities/[id]/board/.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/recipes/board"
    },
    {
      "slug": "recipes/doc-detail",
      "title": "Document detail",
      "description": "Single-document inspector — lifecycle bar, identity card, signature timeline, audit trail, and an action rail. The canonical document-detail surface in apps/app/(authenticated)/documents/[id]/.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/recipes/doc-detail"
    },
    {
      "slug": "recipes/docs-corpus",
      "title": "Docs corpus",
      "description": "The Matter docs landing — pill-shaped Cmd+K search at the top, endpoint-card grid below with method badges, lifecycle-grouped sections (Create / Manage / Exit / Platform), and inline TOC. Canonical layout in apps/docs/.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/recipes/docs-corpus"
    },
    {
      "slug": "recipes/equity",
      "title": "Equity dashboard",
      "description": "Cap-table snapshot + share-class breakdown + grants table + recent activity. Canonical equity surface in apps/app/(authenticated)/entities/[id]/equity/.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/recipes/equity"
    },
    {
      "slug": "recipes/index",
      "title": "Recipes",
      "description": "Full-bleed app-screen recipes — corpus, document detail, board meeting, equity dashboard, API reference.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/recipes/index"
    },
    {
      "slug": "spacing/index",
      "title": "Spacing & rhythm",
      "description": "Four radii. Three shadows. Five rhythm tokens. No 8-step ramps — pick from the small set.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/spacing/index"
    },
    {
      "slug": "spacing/radius",
      "title": "Radius",
      "description": "Four core radii — `sm`, default, `lg`, `xl`. A brand-layer ramp adds `2xl`, `3xl`, `4xl` for marketing canvases. The pill (999 px) is kept literal.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/spacing/radius"
    },
    {
      "slug": "spacing/rhythm",
      "title": "Rhythm",
      "description": "Five clamp-based layout tokens. Same on web and docs. App uses fixed values for chrome; page interiors inherit these.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/spacing/rhythm"
    },
    {
      "slug": "spacing/shadow",
      "title": "Shadow",
      "description": "Three app-surface shadows plus `none`. A brand-layer ramp adds softer marketing-canvas lifts. No colored glows.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/spacing/shadow"
    },
    {
      "slug": "surfaces/blooms",
      "title": "Blooms",
      "description": "Four bloom backdrops — peach / lavender / sage / amber. Full-section panels. Veil is mandatory when text sits in front; text in front of a bloom is always white. Motion-blur stripes on peach and amber are intentional.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/surfaces/blooms"
    },
    {
      "slug": "surfaces/code",
      "title": "Code",
      "description": "Light glass, not dark slate. `--code-bg: rgba(255,255,255,0.55)` on top of a backdrop blur. Five warm-earth syntax tokens.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/surfaces/code"
    },
    {
      "slug": "surfaces/dark",
      "title": "Dark theme",
      "description": "Activated via `[data-theme=\"dark\"]` on `<html>` or any subtree. Page `#0D0D0D`, elevated `#1A1815`, primary text `#F4F1EC` — warm white, never `#FFF`.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/surfaces/dark"
    },
    {
      "slug": "surfaces/glass",
      "title": "Glass",
      "description": "One recipe — `blur(14) saturate(180)`, `paper-85` border, standard shadow stack. Vary density only by opacity.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/surfaces/glass"
    },
    {
      "slug": "surfaces/glass-rule",
      "title": "The glass rule",
      "description": "Glass is for navigation, sheets, and transient overlays — surfaces the user reads *through*. Cards and content stay opaque.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/surfaces/glass-rule"
    },
    {
      "slug": "surfaces/index",
      "title": "Surfaces",
      "description": "One glass recipe. Four bloom backdrops. One sheet. One code card. One dark theme.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/surfaces/index"
    },
    {
      "slug": "surfaces/sheet",
      "title": "Sheet",
      "description": "Overlay primitive — full-bleed scrim that blurs the page behind, with a centered glass card. Tunable per-instance via `--sheet-scrim-tint` and `--sheet-card-tint`.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/surfaces/sheet"
    },
    {
      "slug": "type/body-ramp",
      "title": "Body ramp",
      "description": "Five body tiers — 12 / 13 / 14 / 18 / 22 px — cover every text use across the product.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/type/body-ramp"
    },
    {
      "slug": "type/display-emphasis",
      "title": "Display emphasis — the dimmed tail",
      "description": "When a display headline carries a noun-then-adverb shape, demote the adverb to `var(--fg-soft)`. The promise stays inked at full weight; the qualifier reads as a quiet beat after it.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/type/display-emphasis"
    },
    {
      "slug": "type/index",
      "title": "Type",
      "description": "Geist for everything, mono for code and eyebrows. No italics, ever.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/type/index"
    },
    {
      "slug": "type/scale",
      "title": "Scale",
      "description": "One sans, one mono. Display ramp + body ramp + eyebrow + mono. Headings at weight 450 with tight optical tracking.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/type/scale"
    },
    {
      "slug": "usage/accessibility-contract",
      "title": "Accessibility contract",
      "description": "The AA contract — see /foundations/a11y for the long form. This page is the quick reference.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/usage/accessibility-contract"
    },
    {
      "slug": "usage/agent-consumption",
      "title": "Agent consumption",
      "description": "Wire an agent against /design-system.json, validate with /design-system.schema.json, inject /llms-design.txt at boot. Version-pin, look up tokens, route on voice rules. Worked examples.",
      "audience": [
        "agent",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/usage/agent-consumption"
    },
    {
      "slug": "usage/authoring-rules",
      "title": "Authoring rules",
      "description": "Rules every contributor follows. Apply equally to designers in Figma, developers in CSS/JSX, and agents generating UI from prompts.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/usage/authoring-rules"
    },
    {
      "slug": "usage/component-page-rubric",
      "title": "Component page rubric",
      "description": "The contract every page under /components/ follows. Fifteen sections in fixed order, frontmatter fields, accessibility callouts, voice and tone — what makes a page ship-ready vs. scaffold-only.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/usage/component-page-rubric"
    },
    {
      "slug": "usage/density",
      "title": "Density",
      "description": "Comfortable and compact — the two density modes, applied via `[data-density]` on the document root.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/usage/density"
    },
    {
      "slug": "usage/index",
      "title": "Usage",
      "description": "Authoring rules, motion grammar, voice & casing, the accessibility contract, density, and the live-patterns ledger.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/usage/index"
    },
    {
      "slug": "usage/live-patterns",
      "title": "Live patterns",
      "description": "Standing ledger of patterns currently shipping in production — sortable by surface and last-updated.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/usage/live-patterns"
    },
    {
      "slug": "usage/motion-grammar",
      "title": "Motion grammar",
      "description": "Four named durations, one default ease, a named easing for every directional case. Bloom keyframes respect reduced-motion. Single source of truth across web, app, and docs.",
      "audience": [
        "designer",
        "developer",
        "agent"
      ],
      "page_url": "https://design.mattermode.com/usage/motion-grammar"
    },
    {
      "slug": "usage/voice",
      "title": "Voice & casing",
      "description": "Sentence case everywhere, two-word Title Case on buttons, no emoji except ✺ and › / ‹, no competitor comparisons. Tone is precise · confident · humble · future. Italics are banned.",
      "audience": [
        "designer",
        "developer"
      ],
      "page_url": "https://design.mattermode.com/usage/voice"
    }
  ],
  "motion_grammar": {
    "durations": {
      "instant": "0ms",
      "fast": "120ms",
      "base": "220ms",
      "slow": "320ms",
      "deliberate": "480ms",
      "duration.instant": 0,
      "duration.fast": 180,
      "duration.short": 240,
      "duration.base": 220,
      "duration.slow": 320,
      "duration.med": 420,
      "duration.deliberate": 480,
      "duration.long": 520,
      "duration.reveal": 720,
      "duration.glow": 2500
    },
    "easings": {
      "easeStandard": "cubic-bezier(.2, .7, .2, 1)",
      "easeEntrance": "cubic-bezier(0, 0, .2, 1)",
      "easeExit": "cubic-bezier(.4, 0, 1, 1)",
      "easeEmphasize": "cubic-bezier(.4, 0, .2, 1)",
      "easeLinear": "linear",
      "easeCubic": "cubic-bezier(.65, 0, .35, 1)",
      "easeSoftBounce": "cubic-bezier(.34, 1.2, .64, 1)",
      "easeSnappy": "cubic-bezier(.5, -.5, .25, 1.5)",
      "easeAnticipate": "cubic-bezier(.4, -.4, .25, 1)",
      "easing.standard": "cubic-bezier(0.2, 0.7, 0.2, 1)",
      "easing.entrance": "cubic-bezier(0, 0, 0.2, 1)",
      "easing.exit": "cubic-bezier(0.4, 0, 1, 1)",
      "easing.emphasize": "cubic-bezier(0.4, 0, 0.2, 1)",
      "easing.linear": "linear",
      "easing.cubic": "cubic-bezier(0.65, 0, 0.35, 1)",
      "easing.softBounce": "cubic-bezier(0.34, 1.2, 0.64, 1)",
      "easing.snappy": "cubic-bezier(0.5, -0.5, 0.25, 1.5)",
      "easing.anticipate": "cubic-bezier(0.4, -0.4, 0.25, 1)",
      "easing.outSoft": "cubic-bezier(0.22, 1, 0.36, 1)",
      "easing.inOut": "cubic-bezier(0.4, 0, 0.2, 1)"
    }
  },
  "voice": {
    "rules": [
      "Sentence case everywhere except two-word Title Case buttons.",
      "No emoji. Two allowed Unicode glyphs: ✺ (terminal spark) and › (inline chevron-right).",
      "Terse, declarative, developer-voiced. No marketing speak ('unlock,' 'empower,' 'journey').",
      "Never compare to other products. Describe what Matter does plainly and self-contained."
    ],
    "source": "CLAUDE.md#voice-casing"
  },
  "accessibility": {
    "contract": "AA",
    "focus_ring": "peach 0.55α (--focus-ring)",
    "reduced_motion": "All m-* keyframes respect @media (prefers-reduced-motion: reduce).",
    "forced_colors": "Imported from @matter/tokens/css/forced-colors."
  }
}