{
  "$schema": "https://www.designtokens.org/schemas/2025.10/format.json",
  "$description": "Generated from HubSpot — webdesignhot.com/design.md",
  "colors": {
    "bg": {
      "$type": "color",
      "$value": "#fcfcfa"
    },
    "bg-white": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "bg-warm": {
      "$type": "color",
      "$value": "#f8f7f4"
    },
    "bg-cream": {
      "$type": "color",
      "$value": "#fef8f3"
    },
    "bg-dark": {
      "$type": "color",
      "$value": "#2e3338"
    },
    "bg-deep": {
      "$type": "color",
      "$value": "#213343"
    },
    "surface": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "surface-2": {
      "$type": "color",
      "$value": "#f5f8fa"
    },
    "surface-3": {
      "$type": "color",
      "$value": "#eaf0f6"
    },
    "surface-orange-soft": {
      "$type": "color",
      "$value": "#fff1ec"
    },
    "surface-orange-deep": {
      "$type": "color",
      "$value": "#ffe2d6"
    },
    "text": {
      "$type": "color",
      "$value": "#33475b"
    },
    "text-strong": {
      "$type": "color",
      "$value": "#1f2d3d"
    },
    "text-darker": {
      "$type": "color",
      "$value": "#0a1f2f"
    },
    "text-muted": {
      "$type": "color",
      "$value": "#516f90"
    },
    "text-soft": {
      "$type": "color",
      "$value": "#7c98b6"
    },
    "text-faint": {
      "$type": "color",
      "$value": "#cbd6e2"
    },
    "text-on-orange": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "text-on-dark": {
      "$type": "color",
      "$value": "#f5f8fa"
    },
    "text-on-dark-muted": {
      "$type": "color",
      "$value": "#cbd6e2"
    },
    "text-on-brand": {
      "$type": "color",
      "$value": "#ffffff"
    },
    "brand": {
      "$type": "color",
      "$value": "#FF7A59"
    },
    "brand-deep": {
      "$type": "color",
      "$value": "#ff5c35"
    },
    "brand-pressed": {
      "$type": "color",
      "$value": "#e54c2a"
    },
    "brand-soft": {
      "$type": "color",
      "$value": "#ffa18c"
    },
    "accent": {
      "$type": "color",
      "$value": "#33475b"
    },
    "accent-teal": {
      "$type": "color",
      "$value": "#00bda5"
    },
    "accent-yellow": {
      "$type": "color",
      "$value": "#f5c26b"
    },
    "accent-purple": {
      "$type": "color",
      "$value": "#6a78d1"
    },
    "border": {
      "$type": "color",
      "$value": "#cbd6e2"
    },
    "border-soft": {
      "$type": "color",
      "$value": "#dfe3eb"
    },
    "border-strong": {
      "$type": "color",
      "$value": "#516f90"
    },
    "border-on-orange": {
      "$type": "color",
      "$value": "#ffffff66"
    },
    "success": {
      "$type": "color",
      "$value": "#00bda5"
    },
    "success-bg": {
      "$type": "color",
      "$value": "#d4f1ec"
    },
    "warning": {
      "$type": "color",
      "$value": "#f5c26b"
    },
    "warning-bg": {
      "$type": "color",
      "$value": "#fdf3df"
    },
    "danger": {
      "$type": "color",
      "$value": "#f2545b"
    },
    "danger-bg": {
      "$type": "color",
      "$value": "#fde2e2"
    },
    "info": {
      "$type": "color",
      "$value": "#00a4bd"
    },
    "info-bg": {
      "$type": "color",
      "$value": "#d4f1f7"
    },
    "on-brand": {
      "$type": "color",
      "$value": "#ffffff"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "HubSpot Serif Page Header Human",
        "fontSize": "88px",
        "fontWeight": 500
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "HubSpot Serif Page Header Human",
        "fontSize": "44px",
        "fontWeight": 500
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "HubSpot Sans",
        "fontSize": "17px",
        "lineHeight": 1.6
      }
    }
  },
  "radius": {
    "button": {
      "$type": "dimension",
      "$value": "6px"
    },
    "card": {
      "$type": "dimension",
      "$value": "24px"
    },
    "pill": {
      "$type": "dimension",
      "$value": "9999px"
    }
  },
  "spacing": {
    "xs": {
      "$type": "dimension",
      "$value": "0px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "4px"
    },
    "md": {
      "$type": "dimension",
      "$value": "12px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "24px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "40px"
    }
  }
}