{
  "meta": {
    "source": "https://bmw.com",
    "domain": "bmw.com",
    "extractedAt": "2026-06-11T02:26:26.485Z",
    "tokenizedAt": "2026-06-11T04:59:50.057Z"
  },
  "colors": {
    "background": {
      "primary": "rgb(255,255,255)",
      "secondary": "rgba(221, 232, 249, 0.5)",
      "tertiary": "rgb(242, 242, 242)"
    },
    "text": {
      "primary": "rgb(38, 38, 38)",
      "secondary": "rgb(0, 0, 0)",
      "muted": "rgb(0, 0, 0)"
    },
    "accent": {
      "primary": "rgb(28, 105, 212)",
      "secondary": "rgb(0, 150, 64)"
    },
    "border": "rgba(0, 0, 0, 0.4)",
    "shadow": "rgba(0,0,0,0.1)",
    "semantic": {
      "error": "#d20000",
      "success": "#3db014",
      "warning": "#ffad1f"
    }
  },
  "typography": {
    "fontFamily": {
      "primary": "bmwTypeNextWeb",
      "secondary": "Roboto",
      "mono": "monospace"
    },
    "fontSize": {
      "xs": "9px",
      "sm": "14px",
      "base": "15px",
      "lg": "18px",
      "xl": "23px",
      "2xl": "28px",
      "3xl": "35px",
      "4xl": "43px"
    },
    "fontWeight": {
      "normal": "300",
      "medium": "500",
      "semibold": "600",
      "bold": "500"
    },
    "lineHeight": {
      "tight": "1.4",
      "normal": "1.6",
      "relaxed": "1.6"
    },
    "letterSpacing": {
      "tight": "-0.025em",
      "normal": "0em",
      "wide": "0.025em"
    }
  },
  "spacing": {
    "xxs": "2px",
    "xs": "6px",
    "sm": "8px",
    "md": "12px",
    "base": "16px",
    "lg": "24px",
    "xl": "40px",
    "2xl": "96px",
    "3xl": "104px"
  },
  "borderRadius": {
    "none": "0px",
    "xs": "3px",
    "sm": "8px",
    "md": "14px",
    "lg": "20px",
    "xl": "32px",
    "full": "9999px"
  },
  "shadows": {
    "shadow-1": "rgba(0, 0, 0, 0.16) 0px 5px 40px 0px",
    "shadow-2": "rgba(0, 0, 0, 0.16) 0px 6px 20px 0px, rgba(0, 0, 0, 0.24) 0px 0px 1px 0px",
    "shadow-3": "rgba(0, 0, 0, 0.5) 0px -1px 8px 0px",
    "shadow-4": "rgb(242, 242, 242) 0px 0px 0px 1px inset",
    "shadow-5": "rgb(38, 38, 38) 0px 0px 0px 1px inset"
  },
  "transitions": {
    "transition-1": "all",
    "transition-2": "background 0.05s ease-in-out",
    "transition-3": "transform 0.25s ease-in-out",
    "transition-4": "left 0.15s cubic-bezier(0, 0.5, 0.5, 1)",
    "transition-5": "transform 0.25s cubic-bezier(0.5, 0, 0.5, 1) 0.5s, opacity 0.15s cubic-bezier(0.5, 0, 1, 0.5)"
  },
  "layout": {
    "maxWidth": "calc(100vw - 0px - 6rem*2)",
    "headerHeight": "0px",
    "sidebarWidth": "314px",
    "gap": "normal",
    "containerPadding": "0px"
  },
  "cssCustomProperties": {
    "--border": "#e6e6e6",
    "--headline-2-font-size": "2.1875rem",
    "--input-text-hover": "#262626",
    "--default-font-weight": "300",
    "--filtertag-disabled": "#f2f2f2",
    "--ol-light-text-disabled": "#8e8e8e",
    "--ol-border-width": "1px",
    "--input-placeholder-color": "#666",
    "--heading": "#262626",
    "--ol-light-background": "",
    "--label-1-line-height": "1rem",
    "--success": "#3db014",
    "--button-large-height": "3.25rem",
    "--body-3-font-size": ".75rem",
    "--stage-zone-1-small-line-height": "2.8125rem",
    "--label-1-font-size": ".75rem",
    "--nba-light-hover": "#bbb",
    "--ol-text-disabled": "#bbb",
    "--scroll-behavior": "smooth",
    "--success-background": "#e8f2eb",
    "--stage-zone-0-single-row-line-height": "4.75rem",
    "--iconization-1-letter-spacing": ".6em",
    "--nba-disabled": "#bbb",
    "--stage-price-tag-price-font-size": "2.6875rem",
    "--compare-dropdown-label-color": "#666",
    "--cta-text-hover": "#fff",
    "--iconization-1-line-height": ".75rem",
    "--subsection-1-font-size": "1.4375rem",
    "--link-hover": "#1c69d4",
    "--ol-background-disabled": "",
    "--error": "#d20000",
    "--navigation-background": "#0000",
    "--cta-text": "#fff",
    "--input-font-weight": "400",
    "--warning": "#ffad1f",
    "--swiper-theme-color": "$gs0",
    "--information": "#1c69d4",
    "--grid-full": "6rem",
    "--ol-light-background-hover": "",
    "--link": "#262626",
    "--scrollbar-background": "#e6e6e6",
    "--grid-addtional-spacing": "4rem",
    "--input-disabled": "#f2f2f2",
    "--ol-hover": "",
    "--ol-disabled": "#e6e6e6",
    "--compare-dropdown-text-color": "#262626",
    "--warning-background": "#fbedc9",
    "--scrollbar-thumb": "#4d4d4d",
    "--price-font-weight": "700",
    "--grid-margin": "5.25rem",
    "--ol-text-hover": "",
    "--ol-border-width-hover": "2px",
    "--cta": "#1c69d4",
    "--filtertag-selected-text": "#fff",
    "--nba-text": "#fff",
    "--dialogue": "#dde8f9",
    "--headline-3-font-size": "1.75rem",
    "--ol-light-border-width-hover": "2px",
    "--neutral": "#666",
    "--filtertag-selected": "#262626",
    "--navigation-interaction-focus": "#fff",
    "--stage-sub-headline-font-size": "1.25rem",
    "--stage-price-tag-price-line-height": "2.8125rem",
    "--navigation-border": "#fff",
    "--navigation-gradient": "linear-gradient(0,#0000,#0006)",
    "--ol-background-focus": "",
    "--filtertag-text-disabled": "#bbb",
    "--ol-light-border-width": "1px",
    "--button-small-height": "2.25rem",
    "--grid-main-container-width": "calc(100vw - 0px - 6rem*2)",
    "--subsection-2-line-height": "1.875rem",
    "--filtertag-selected-disabled": "#bbb",
    "--iconization-1-font-size": ".9375rem",
    "--subsection-2-font-size": "1.25rem",
    "--link-font-weight": "500",
    "--stage-sub-headline-line-height": "1.5rem",
    "--navigation-interaction-disabled": "#666",
    "--link-active": "#0653b6",
    "--input-text-color": "#262626",
    "--stage-zone-0-double-row-font-size": "3.375rem",
    "--select-text-disabled": "#8e8e8e",
    "--compare-form-price-color": "#000",
    "--select-text": "#666",
    "--cta-text-disabled": "",
    "--select-hover": "#4d4d4d",
    "--compare-cosyimage-width": "100%",
    "--link-text-disabled": "#bbb",
    "--body-2-line-height": "1.5rem",
    "--compare-form-background": "#f6f6f6",
    "--body-1-line-height": "1.75rem",
    "--navigation-claim": "#fff",
    "--ol-background-hover": "",
    "--ol-light-background-disabled": "",
    "--surface-background-primary": "#f6f6f6",
    "--ol-light-disabled": "#8e8e8e",
    "--headline-2-line-height": "3.125rem",
    "--button-small-line-clamp": "1",
    "--select-disabled": "#bbb",
    "--stage-zone-1-small-font-size": "2.6875rem",
    "--nba-light-disabled": "#8e8e8e",
    "--nba-light-text": "#262626",
    "--ol-light-hover": "#fff",
    "--nba-text-disabled": "",
    "--filtertag-text": "#666",
    "--headline-1-line-height": "3.75rem",
    "--navigation-logo": "#fff",
    "--select-focus": "#4d4d4d",
    "--headline-3-line-height": "2.5rem",
    "--stage-zone-0-double-row-line-height": "3.5rem",
    "--filtertag-border-width-hover": "1px",
    "--stage-model-1-font-size": "13.125rem",
    "--select-border-width-hover": "1px",
    "--compare-dropdown-bottom": "1.25rem",
    "--cta-disabled": "#bbd2f3",
    "--ol-light-text": "#f2f2f2",
    "--ol-light": "#f2f2f2",
    "--stage-model-1-line-height": "11.625rem",
    "--filtertag-selected-hover": "#4d4d4d",
    "--ol-text": "#262626",
    "--navigation-interaction-hover": "#fff",
    "--input-border-color": "#8e8e8e",
    "--filtertag": "#8e8e8e",
    "--stage-zone-0-single-row-font-size": "4.625rem",
    "--filtertag-hover": "#262626",
    "--body-2-font-size": ".9375rem",
    "--neutral-background": "#f2f2f2",
    "--nba-text-hover": "#fff",
    "--error-background": "#f7e7e9",
    "--stage-zone-1-large-line-height": "3.125rem",
    "--compare-cosyimage-scale": "1",
    "--body-1-font-size": "1.125rem",
    "--compare-description-bottom": "1.5rem",
    "--disclaimer": "#666",
    "--navigation-interaction": "#fff",
    "--input": "#fff",
    "--ol-background": "",
    "--stage-price-tag-label-line-height": ".75rem",
    "--select": "#bbb",
    "--body-3-line-height": "1.125rem",
    "--headline-1-font-size": "2.6875rem",
    "--copy-text": "#262626",
    "--surface-background-secondary": "#f6f6f6",
    "--ol-light-text-hover": "#fff",
    "--navigation-interaction-highlight-text": "#0653b6",
    "--subsection-1-line-height": "2.25rem",
    "--nba-light-text-disabled": "#666",
    "--nba-light": "#fff",
    "--nba": "#262626",
    "--input-border-color-hover": "#4d4d4d",
    "--link-cta": "#1c69d4",
    "--clickable-font-weight": "500",
    "--stage-price-tag-label-font-size": ".625rem",
    "--select-text-focus": "#666",
    "--ol": "#262626",
    "--select-text-hover": "#262626",
    "--focus-type": "navigation-light",
    "--cta-hover": "#0653b6",
    "--information-background": "#dde8f9",
    "--stage-zone-1-large-font-size": "3rem",
    "--filtertag-text-hover": "#262626",
    "--nba-hover": "#4d4d4d",
    "--grid-gutter": ".75rem",
    "--navigation-interaction-highlight": "#1c69d4",
    "--input-text-disabled": "#8e8e8e",
    "--scrollbar-width": "0px",
    "--button-large-line-clamp": "2",
    "--input-text-focus": "#262626"
  }
}