{
  "meta": {
    "source": "https://developer.mozilla.org",
    "domain": "developer.mozilla.org",
    "extractedAt": "2026-06-11T06:08:28.215Z",
    "tokenizedAt": "2026-06-11T06:08:36.780Z"
  },
  "colors": {
    "background": {
      "primary": "rgb(255,255,255)",
      "secondary": "rgb(247, 247, 248)",
      "tertiary": "rgb(247, 247, 248)"
    },
    "text": {
      "primary": "rgb(0, 0, 0)",
      "secondary": "rgb(33, 36, 38)",
      "muted": "rgb(33, 36, 38)"
    },
    "accent": {
      "primary": "rgb(255, 255, 255)",
      "secondary": "rgb(4, 76, 159)"
    },
    "border": "rgb(81, 86, 93)",
    "shadow": "rgba(0,0,0,0.1)"
  },
  "typography": {
    "fontFamily": {
      "primary": "Inter",
      "secondary": "Inter",
      "mono": "monospace"
    },
    "fontSize": {
      "xs": "12.8px",
      "sm": "14px",
      "base": "16px",
      "lg": "20px",
      "xl": "24px",
      "2xl": "40px",
      "3xl": "42px",
      "4xl": "48px"
    },
    "fontWeight": {
      "normal": "400",
      "medium": "450",
      "semibold": "600",
      "bold": "600"
    },
    "lineHeight": {
      "tight": "1.5",
      "normal": "1.5",
      "relaxed": "1.5"
    },
    "letterSpacing": {
      "tight": "-0.025em",
      "normal": "0em",
      "wide": "0.025em"
    }
  },
  "spacing": {
    "xxs": "2px",
    "xs": "6px",
    "sm": "12px",
    "md": "13px",
    "base": "16px",
    "lg": "27px",
    "xl": "28px",
    "2xl": "48px",
    "3xl": "64px"
  },
  "borderRadius": {
    "none": "0px",
    "xs": "4px",
    "sm": "8px",
    "md": "14px",
    "lg": "20px",
    "xl": "32px",
    "full": "9999px"
  },
  "shadows": {},
  "transitions": {
    "transition-1": "all"
  },
  "layout": {
    "maxWidth": "1200px",
    "headerHeight": "98px",
    "sidebarWidth": "0px",
    "gap": "16px",
    "containerPadding": "24px"
  },
  "cssCustomProperties": {
    "--csstools-light-dark-toggle-cb2b76e6-6": "",
    "--color-green-90": "#eaf6ef",
    "--font-line-header": "1.25",
    "--color-orange-10": "#3f220d",
    "--z-index-sticky-header": "100",
    "--color-gray-05": "#18191b",
    "--color-background-yellow": "light-dark(#fef0c3,#574405)",
    "--z-index-sidebar-mobile": "90",
    "--color-blue-80": "#a4cefe",
    "--layout-content-min": "31rem",
    "--color-text-blue": "light-dark(#044c9f,#a4cefe)",
    "--font-family-code": "\"JetBrains Mono\",monospace",
    "--csstools-light-dark-toggle-79030429-2": "",
    "--color-scrollbar-thumb": "light-dark(#00000040,#ffffff40)",
    "--color-orange-50": "#e2782c",
    "--csstools-light-dark-toggle-cb2b76e6-2": "",
    "--color-background-orange": "light-dark(#fef3eb,#3f220d)",
    "--color-text-secondary": "light-dark(#51565d,#c3c7cb)",
    "--color-text-red": "light-dark(#b7102c,#fc7d92)",
    "--color-blue-20": "#044c9f",
    "--csstools-light-dark-toggle-5e0f49fc-1": "",
    "--csstools-light-dark-toggle-5e0f49fc-0": "",
    "--color-red-10": "#4b0b16",
    "--csstools-light-dark-toggle-cb2b76e6-4": "",
    "--color-border-primary": "light-dark(#c3c7cb,#51565d)",
    "--csstools-light-dark-toggle-cb2b76e6-5": "",
    "--layout-sidebar-min": "15rem",
    "--layout-side-padding-min": "1rem",
    "--color-green-80": "#70eba3",
    "--color-blue-10": "#072446",
    "--color-scrollbar-track": "#0000",
    "--radius-normal": "0.25rem",
    "--color-white": "#fff",
    "--color-gray-80": "#edeef0",
    "--color-orange-80": "#febe8f",
    "--color-text-green": "light-dark(#065b29,#70eba3)",
    "--color-gray-20": "#2d3034",
    "--layout-content-max": "48rem",
    "--csstools-light-dark-toggle-79030429-0": "",
    "--font-weight-bold": "600",
    "--font-family-text": "\"Inter\",sans-serif",
    "--csstools-color-scheme--light": "",
    "--color-purple-90": "#f7f0ff",
    "--color-area-background": "light-dark(#ecf4fe,#072446)",
    "--color-blue-90": "#ecf4fe",
    "--color-white-alpha-25": "#ffffff40",
    "--color-area-highlight-border": "#0a5dbd",
    "--font-line-ui": "1",
    "--color-purple-20": "#5f1fad",
    "--color-text-orange": "light-dark(#c2570a,#febe8f)",
    "--layout-no-sidebar-extended": "[extended-full-start] max(1rem,calc(50vw - 720px + 1rem)) [full-start] 1fr [content-start] minmax(0,48rem) [content-end] 1fr [full-end] max(1rem,calc(50vw - 720px + 1rem)) [extended-full-end]",
    "--color-text-primary": "light-dark(#000,#fff)",
    "--color-text-purple": "light-dark(#5f1fad,#d8b8ff)",
    "--color-background-page": "light-dark(#fff,#18191b)",
    "--color-black-alpha-25": "#00000040",
    "--font-line-normal": "1.5",
    "--sticky-header-height": "calc(4.125rem + 2rem)",
    "--color-orange-20": "#c2570a",
    "--csstools-light-dark-toggle-5e0f49fc-6": "",
    "--color-gray-10": "#212426",
    "--csstools-light-dark-toggle-5e0f49fc-3": "",
    "--color-link-normal": "light-dark(#044c9f,#a4cefe)",
    "--color-orange-90": "#fef3eb",
    "--layout-full-width": "calc(100vw - max(1rem,calc(50vw - 720px + 1rem))*2)",
    "--csstools-light-dark-toggle-ae61ee91-1": "",
    "--color-yellow-90": "#fef0c3",
    "--color-green-50": "#089141",
    "--color-yellow-20": "#97770c",
    "--layout-side-padding": "max(1rem,calc(50vw - 720px + 1rem))",
    "--font-size-small": "0.8rem",
    "--color-red-90": "#ffe6ea",
    "--breadcrumbs-bar-height": "2rem",
    "--color-background-red": "light-dark(#ffe6ea,#4b0b16)",
    "--color-gray-60": "#c3c7cb",
    "--color-purple-10": "#260e43",
    "--csstools-light-dark-toggle-6623eb4d-0": "",
    "--color-border-secondary": "light-dark(#51565d,#c3c7cb)",
    "--color-background-purple": "light-dark(#f7f0ff,#260e43)",
    "--layout-sidebar-gap": "2rem",
    "--csstools-light-dark-toggle-cb2b76e6-0": "",
    "--color-border-active": "light-dark(#0a5dbd,#a4cefe)",
    "--color-red-20": "#b7102c",
    "--csstools-light-dark-toggle-cb2b76e6-7": "",
    "--font-size-large": "1.5rem",
    "--color-yellow-50": "#e6b30a",
    "--csstools-light-dark-toggle-5e0f49fc-8": "",
    "--color-gray-40": "#51565d",
    "--navigation-height": "4.125rem",
    "--color-background-green": "light-dark(#eaf6ef,#0c311c)",
    "--color-yellow-10": "#574405",
    "--color-purple-50": "#863ae4",
    "--color-white-alpha-75": "#ffffffbf",
    "--layout-no-sidebar": "[full-start] 1fr [content-start] minmax(0,48rem) [content-end] 1fr [full-end]",
    "--csstools-light-dark-toggle-5e0f49fc-4": "",
    "--color-area-link": "light-dark(#044c9f,#a4cefe)",
    "--csstools-light-dark-toggle-79030429-1": "",
    "--radius-full": "9999px",
    "--layout-1-sidebar-right": "minmax(0,1fr) [full-start content-start] minmax(0,48rem) [content-end] 2rem [sidebar-start right-sidebar-start] minmax(15rem,1fr) [full-end sidebar-end right-sidebar-end]",
    "--layout-sidebar-padding": "1rem",
    "--color-gray-90": "#f7f7f8",
    "--color-purple-80": "#d8b8ff",
    "--color-red-50": "#d31232",
    "--color-blue-50": "#0a5dbd",
    "--color-red-80": "#fc7d92",
    "--csstools-light-dark-toggle-5e0f49fc-2": "",
    "--color-black": "#000",
    "--csstools-light-dark-toggle-cb2b76e6-3": "",
    "--font-weight-normal": "400",
    "--color-black-alpha-75": "#000000bf",
    "--font-size-medium": "1.25rem",
    "--font-size-largest": "2.5rem",
    "--csstools-light-dark-toggle-5e0f49fc-5": "",
    "--csstools-light-dark-toggle-5e0f49fc-7": "",
    "--csstools-light-dark-toggle-ae61ee91-0": "",
    "--top-banner-height": "3.375rem",
    "--color-background-blue": "light-dark(#ecf4fe,#072446)",
    "--font-size-normal": "1rem",
    "--color-background-secondary": "light-dark(#edeef0,#2d3034)",
    "--font-line-content": "1.75",
    "--color-yellow-80": "#fae49e",
    "--layout-1-sidebar-left": "[full-start sidebar-start left-sidebar-start] minmax(15rem,1fr) [sidebar-end left-sidebar-end] 2rem [content-start] minmax(0,48rem) [full-end content-end] minmax(0,1fr)",
    "--color-green-20": "#065b29",
    "--color-text-yellow": "light-dark(#97770c,#fae49e)",
    "--csstools-light-dark-toggle-cb2b76e6-1": "",
    "--layout-2-sidebars": "[full-start left-sidebar-start] minmax(15rem,1fr) [left-sidebar-end] 2rem [content-start] minmax(0,48rem) [content-end] 2rem [right-sidebar-start] minmax(15rem,1fr) [full-end right-sidebar-end]",
    "--font-size-larger": "2rem",
    "--color-background-primary": "light-dark(#f7f7f8,#212426)",
    "--color-link-visited": "light-dark(#5f1fad,#d8b8ff)",
    "--color-green-10": "#0c311c"
  }
}