{
  "color": {
    "brand": {
      "50": {
        "$type": "color",
        "$value": "#eef1f8",
        "$description": "Mist backgrounds, subtle tints"
      },
      "100": {
        "$type": "color",
        "$value": "#d6dbee",
        "$description": "Hover states, soft borders"
      },
      "200": {
        "$type": "color",
        "$value": "#acb3d6",
        "$description": "Dividers, disabled accents"
      },
      "300": {
        "$type": "color",
        "$value": "#7f88bd",
        "$description": "Secondary accents"
      },
      "400": {
        "$type": "color",
        "$value": "#4e58a0",
        "$description": "Icons, muted links"
      },
      "500": {
        "$type": "color",
        "$value": "#232e8c",
        "$description": "Active states, emphasis"
      },
      "600": {
        "$type": "color",
        "$value": "#08126a",
        "$description": "Primary buttons, links, headers"
      },
      "700": {
        "$type": "color",
        "$value": "#060e55",
        "$description": "Button hover, deep surfaces"
      },
      "800": {
        "$type": "color",
        "$value": "#050b44",
        "$description": "Footer, dark cards"
      },
      "900": {
        "$type": "color",
        "$value": "#030730",
        "$description": "Primary ink, headings"
      }
    },
    "accent": {
      "brand-blue": {
        "$type": "color",
        "$value": "#3662e3",
        "$description": "Help center, tenant accents"
      },
      "marketing-nav-blue": {
        "$type": "color",
        "$value": "#0461db",
        "$description": "Marketing pill navigation"
      }
    }
  },
  "font": {
    "family": {
      "display": {
        "$type": "fontFamily",
        "$value": [
          "Manrope",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "$description": "Headings, display"
      },
      "sans": {
        "$type": "fontFamily",
        "$value": [
          "Inter",
          "ui-sans-serif",
          "system-ui",
          "sans-serif"
        ],
        "$description": "Body, UI"
      },
      "mono": {
        "$type": "fontFamily",
        "$value": [
          "IBM Plex Mono",
          "ui-monospace",
          "SFMono-Regular",
          "monospace"
        ],
        "$description": "Numeric tables, code"
      }
    }
  },
  "typography": {
    "display-h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "2.25rem",
        "fontWeight": 800,
        "lineHeight": 1.1,
        "letterSpacing": "-0.02em"
      }
    },
    "heading-h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "1.5rem",
        "fontWeight": 700,
        "lineHeight": 1.2,
        "letterSpacing": "-0.02em"
      }
    },
    "heading-h3": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.display}",
        "fontSize": "1.25rem",
        "fontWeight": 700,
        "lineHeight": 1.3,
        "letterSpacing": "-0.01em"
      }
    },
    "body-large": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "1.125rem",
        "fontWeight": 400,
        "lineHeight": 1.625
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "1rem",
        "fontWeight": 400,
        "lineHeight": 1.625
      }
    },
    "caption": {
      "$type": "typography",
      "$value": {
        "fontFamily": "{font.family.sans}",
        "fontSize": "0.875rem",
        "fontWeight": 500,
        "lineHeight": 1.4
      }
    }
  }
}