{
  "meta": {
    "source": "https://qwik.dev",
    "domain": "qwik.dev",
    "extractedAt": "2026-06-11T06:15:26.947Z",
    "tokenizedAt": "2026-06-11T06:15:46.114Z"
  },
  "colors": {
    "background": {
      "primary": "rgb(255,255,255)",
      "secondary": "rgb(235, 237, 240)",
      "tertiary": "rgb(235, 237, 240)"
    },
    "text": {
      "primary": "rgb(14, 32, 26)",
      "secondary": "rgba(14, 32, 26, 0.65)",
      "muted": "#969faf"
    },
    "accent": {
      "primary": "rgb(235, 237, 240)",
      "secondary": "rgb(24, 182, 246)"
    },
    "border": "rgba(229, 231, 235, 0.38)",
    "shadow": "rgba(0,0,0,0.1)",
    "semantic": {
      "warning": "#d9d900"
    }
  },
  "typography": {
    "fontFamily": {
      "primary": "Poppins",
      "secondary": "ui-sans-serif",
      "mono": "PT Mono"
    },
    "fontSize": {
      "xs": "0px",
      "sm": "14px",
      "base": "16px",
      "lg": "20px",
      "xl": "24px",
      "2xl": "40px",
      "3xl": "48px",
      "4xl": "64px"
    },
    "fontWeight": {
      "normal": "400",
      "medium": "500",
      "semibold": "600",
      "bold": "600"
    },
    "lineHeight": {
      "tight": "1.13",
      "normal": "1.5",
      "relaxed": "1.75"
    },
    "letterSpacing": {
      "tight": "-0.030em",
      "normal": "0em",
      "wide": "0.025em"
    }
  },
  "spacing": {
    "xxs": "2px",
    "xs": "12px",
    "sm": "16px",
    "md": "40px",
    "base": "43px",
    "lg": "48px",
    "xl": "56px",
    "2xl": "64px",
    "3xl": "72px"
  },
  "borderRadius": {
    "none": "0px",
    "xs": "6px",
    "sm": "8px",
    "md": "16px",
    "lg": "17px",
    "xl": "40px",
    "full": "9999px"
  },
  "shadows": {},
  "transitions": {
    "transition-1": "all",
    "transition-2": "transform 0.2s cubic-bezier(0, 0, 0.2, 1), translate 0.2s cubic-bezier(0, 0, 0.2, 1), scale 0.2s cubic-bezier(0, 0, 0.2, 1), rotate 0.2s cubic-bezier(0, 0, 0.2, 1)",
    "transition-3": "opacity 0.4s ease-in-out",
    "transition-4": "color 0.3s cubic-bezier(0.37, 0.01, 0, 0.98)"
  },
  "layout": {
    "maxWidth": "1400px",
    "headerHeight": "80px",
    "sidebarWidth": "0px",
    "gap": "normal",
    "containerPadding": "0px"
  },
  "cssCustomProperties": {
    "--container-md": "28rem",
    "--code-bg-color": "#e0e0e0",
    "--qwik-light-blue": "#daf0ff",
    "--tw-inset-shadow-alpha": "100%",
    "--header-height": "80px",
    "--tw-ring-shadow": "0 0 #0000",
    "--repl-log-text": "#0e201a",
    "--text-2xl": "1.5rem",
    "--color-purple-500": "oklch(62.7% .265 303.9)",
    "--color-slate-200": "oklch(92.9% .013 255.508)",
    "--aside-width": "300px",
    "--repl-tab-button-hover-border-color": "#0084ff75",
    "--color-sky-500": "oklch(68.5% .169 237.323)",
    "--tw-drop-shadow-alpha": "100%",
    "--text-lg": "1.125rem",
    "--qwik-dark-purple-bg": "#151934",
    "--qwik-dark-blue": "#006ce9",
    "--color-slate-500": "oklch(55.4% .046 257.417)",
    "--docsearch-icon-stroke-width": "1.4",
    "--examples-main-border-color": "#dfdede",
    "--tw-outline-style": "solid",
    "--tutorial-nav-button-text-color": "#fff",
    "--breakpoint-xl": "80rem",
    "--tw-inset-ring-shadow": "0 0 #0000",
    "--text-base--line-height": "1.5",
    "--tw-border-spacing-x": "0px",
    "--made-with-love-text-color": "#333",
    "--docsearch-footer-background": "#fff",
    "--color-blue-300": "oklch(80.9% .105 251.813)",
    "--qwik-dark-purple": "#6000ff",
    "--color-gray-300": "oklch(87.2% .01 258.338)",
    "--tracking-wider": ".05em",
    "--docsearch-hit-height": "56px",
    "--font-mono": "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace",
    "--color-slate-300": "oklch(86.9% .022 252.894)",
    "--docsearch-modal-height": "600px",
    "--repl-log-client": "#78fa83",
    "--repl-tab-button-active-border-color": "#0093ee",
    "--secondary-text-color": "#171a19",
    "--repl-diagnostics-hover-border-color": "#ff009075",
    "--docsearch-spacing": "12px",
    "--color-green-500": "oklch(72.3% .219 149.579)",
    "--color-gray-50": "oklch(98.5% .002 247.839)",
    "--docsearch-modal-shadow": "inset 1px 1px 0 0 hsla(0, 0%, 100%, .5), 0 3px 8px 0 #555a64",
    "--tw-inset-shadow": "0 0 #0000",
    "--tw-ring-offset-color": "#fff",
    "--text-lg--line-height": "calc(1.75/1.125)",
    "--color-red-400": "oklch(70.4% .191 22.216)",
    "--tw-gradient-from": "rgba(0, 0, 0, 0)",
    "--color-white": "#fff",
    "--media-separator-color": "#ddd",
    "--color-gray-400": "oklch(70.7% .022 261.325)",
    "--scroll-margin-top": "calc(80px + 56px + 10px)",
    "--color-blue-400": "oklch(70.7% .165 254.624)",
    "--tw-gradient-to": "rgba(0, 0, 0, 0)",
    "--tw-shadow-alpha": "100%",
    "--radius-sm": ".25rem",
    "--docsearch-hit-active-color": "#fff",
    "--font-sans": "ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"",
    "--tw-scale-z": "1",
    "--font-weight-bold": "700",
    "--on-this-page-hover-bg-color": "#0093ee17",
    "--docsearch-key-pressed-shadow": "inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 1px 0 rgba(30, 35, 90, .4)",
    "--tw-ring-offset-width": "0px",
    "--tw-gradient-via-position": "50%",
    "--repl-commands-color": "#0093ee",
    "--examples-active-bg-color": "#e2ebff",
    "--container-max-width": "1400px",
    "--docsearch-searchbox-focus-background": "#fff",
    "--text-xs--line-height": "calc(1/.75)",
    "--default-font-family": "ui-sans-serif,system-ui,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\"",
    "--docsearch-modal-width": "560px",
    "--tw-space-x-reverse": "0",
    "--docsearch-hit-shadow": "0 1px 3px 0 #d4d9e1",
    "--content-nav-button-text-color": "#006ce9",
    "--content-nav-button-hover-bg-color": "#fff",
    "--docsearch-footer-shadow": "0 -1px 0 0 #e0e3e8, 0 -3px 6px 0 rgba(69, 98, 155, .12)",
    "--bg-header-color": "#ffffff9e",
    "--tw-gradient-to-position": "100%",
    "--default-transition-duration": ".15s",
    "--docsearch-hit-background": "#fff",
    "--color-lime-500": "oklch(76.8% .233 130.85)",
    "--color-interactive-blue": "\"#009dfd\"",
    "--radius-md": ".375rem",
    "--text-xl": "1.25rem",
    "--radius-lg": ".5rem",
    "--container-xs": "20rem",
    "--docsearch-searchbox-shadow": "inset 0 0 0 2px #5468ff",
    "--docsearch-searchbox-background": "#ebedf0",
    "--docsearch-hit-color": "#444950",
    "--tw-gradient-from-position": "0%",
    "--docsearch-modal-background": "#f5f6f7",
    "--ease-in-out": "cubic-bezier(.4,0,.2,1)",
    "--tw-ring-offset-shadow": "0 0 #0000",
    "--examples-border-color": "#e3e3e3",
    "--tutorial-nav-button-bg-color": "#006ce9",
    "--color-green-600": "oklch(62.7% .194 149.214)",
    "--examples-hover-bg-color": "#f7f7f7",
    "--docsearch-primary-color": "#5468ff",
    "--panel-toggle-background-color": "#daf0ff",
    "--default-transition-timing-function": "cubic-bezier(.4,0,.2,1)",
    "--interactive-text-color": "#006ce9",
    "--color-slate-800": "oklch(27.9% .041 260.031)",
    "--repl-tab-bg-color": "#daf0ff",
    "--repl-tab-button-input-hover-border-color": "#564ce175",
    "--media-video-shadow-color": "#006ce9",
    "--text-2xl--line-height": "calc(2/1.5)",
    "--repl-tab-button-input-active-border-color": "#ac7ef4",
    "--repl-log-network": "#f4f4f4",
    "--color-slate-600": "oklch(44.6% .043 257.281)",
    "--spacing": ".25rem",
    "--tw-translate-z": "0",
    "--tw-gradient-via": "rgba(0, 0, 0, 0)",
    "--tw-scale-y": "1",
    "--bg-secondary-color": "#f7f8fb",
    "--tracking-wide": ".025em",
    "--repl-diagnostics-active-border-color": "#ff0090",
    "--text-xl--line-height": "calc(1.75/1.25)",
    "--font-weight-semibold": "600",
    "--content-nav-button-bg-color": "#006ce9",
    "--qwik-blue": "#0093ee",
    "--text-sm": ".875rem",
    "--color-green-400": "oklch(79.2% .209 151.711)",
    "--tw-translate-y": "0",
    "--blur-xs": "4px",
    "--ease-out": "cubic-bezier(0,0,.2,1)",
    "--repl-log-warning": "#d9d900",
    "--docsearch-logo-color": "#5468ff",
    "--repl-log-build": "#f3f4cb",
    "--color-gray-700": "oklch(37.3% .034 259.733)",
    "--examples-header-text-color": "#494949",
    "--leading-tight": "1.25",
    "--color-gray-600": "oklch(44.6% .03 256.802)",
    "--docsearch-footer-height": "44px",
    "--docsearch-key-gradient": "linear-gradient(-225deg, #d5dbe4, #f8f8f8)",
    "--color-blue-600": "oklch(54.6% .245 262.881)",
    "--text-4xl": "2.25rem",
    "--repl-log-ssr": "#e3e400",
    "--tw-border-style": "solid",
    "--code-border-color": "#bfbfbf",
    "--qwik-purple": "#ac7ef4",
    "--repl-tab-height": "56px",
    "--tutorial-nav-button-hover-bg-color": "#fff",
    "--repl-diagnostics-text-color": "#c90674",
    "--color-red-600": "oklch(57.7% .245 27.325)",
    "--docsearch-text-color": "#1c1e21",
    "--tw-shadow": "0 0 #0000",
    "--text-sm--line-height": "calc(1.25/.875)",
    "--tw-translate-x": "0",
    "--docsearch-searchbox-height": "56px",
    "--panel-toggle-height": "0px",
    "--color-blue-50": "oklch(97% .014 254.604)",
    "--repl-tab-button-hover-bg-color": "#ffffff75",
    "--color-gray-200": "oklch(92.8% .006 264.531)",
    "--text-3xl--line-height": "1.2",
    "--text-3xl": "1.875rem",
    "--text-xs": ".75rem",
    "--text-color": "#0e201a",
    "--builder-bar-height": "56px",
    "--tracking-widest": ".1em",
    "--color-black": "#000",
    "--font-weight-medium": "500",
    "--tw-scale-x": "1",
    "--color-green-700": "oklch(52.7% .154 150.069)",
    "--tw-border-spacing-y": "0px",
    "--blockquote-bg-color": "#f1f5fe",
    "--radius-xl": ".75rem",
    "--docsearch-muted-color": "#969faf",
    "--docsearch-container-background": "rgba(101, 108, 133, .8)",
    "--breakpoint-sm": "40rem",
    "--color-yellow-500": "oklch(79.5% .184 86.047)",
    "--repl-border-color": "#e3e3e3",
    "--text-4xl--line-height": "calc(2.5/2.25)",
    "--bg-color": "#fff",
    "--text-base": "1rem",
    "--docsearch-key-shadow": "inset 0 -2px 0 0 #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, .4)",
    "--docsearch-highlight-color": "#5468ff",
    "--default-mono-font-family": "ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace"
  }
}