prism-design 2.13.0

package/extractions/stripe.com/tokens.json

@@ -0,0 +1,794 @@
+{
+  "meta": {
+    "source": "https://stripe.com",
+    "domain": "stripe.com",
+    "extractedAt": "2026-05-30T20:58:18.264Z",
+    "tokenizedAt": "2026-05-30T22:20:23.545Z"
+  },
+  "colors": {
+    "background": {
+      "primary": "rgb(255, 255, 255)",
+      "secondary": "rgba(255, 255, 255, 0.65)",
+      "tertiary": "rgb(229, 237, 245)"
+    },
+    "text": {
+      "primary": "rgb(0, 0, 0)",
+      "secondary": "rgb(38, 37, 30)",
+      "muted": "rgb(3, 19, 35)"
+    },
+    "accent": {
+      "primary": "rgb(83, 58, 253)",
+      "secondary": "rgb(129, 184, 26)"
+    },
+    "border": "rgb(143, 152, 169)",
+    "shadow": "rgba(0,0,0,0.1)",
+    "semantic": {
+      "error": "#d8351e",
+      "success": "#00b261"
+    }
+  },
+  "typography": {
+    "fontFamily": {
+      "primary": "sohne-var",
+      "secondary": "SF Pro Display",
+      "mono": "monospace"
+    },
+    "fontSize": {
+      "xs": "8px",
+      "sm": "15px",
+      "base": "16px",
+      "lg": "20px",
+      "xl": "22px",
+      "2xl": "32px",
+      "3xl": "34px",
+      "4xl": "48px"
+    },
+    "fontWeight": {
+      "normal": "300",
+      "medium": "500",
+      "semibold": "600",
+      "bold": "400"
+    },
+    "lineHeight": {
+      "tight": "1.15",
+      "normal": "1.5",
+      "relaxed": "1.75"
+    },
+    "letterSpacing": {
+      "tight": "-0.020em",
+      "normal": "0em",
+      "wide": "-0.020em"
+    }
+  },
+  "spacing": {
+    "xxs": "2px",
+    "xs": "4px",
+    "sm": "8px",
+    "md": "12px",
+    "base": "16px",
+    "lg": "28px",
+    "xl": "32px",
+    "2xl": "48px",
+    "3xl": "64px"
+  },
+  "borderRadius": {
+    "none": "0px",
+    "xs": "4px",
+    "sm": "8px",
+    "md": "16px",
+    "lg": "16px",
+    "xl": "16px",
+    "full": "9999px"
+  },
+  "shadows": {
+    "shadow-1": "rgba(0, 0, 0, 0.1) 0px 30px 60px -50px, rgba(50, 50, 93, 0.25) 0px 30px 60px -10px",
+    "shadow-2": "rgba(23, 23, 23, 0.08) 0px 15px 35px 0px",
+    "shadow-3": "rgba(23, 23, 23, 0.06) 0px 3px 6px 0px",
+    "shadow-4": "rgba(50, 50, 93, 0.12) 0px 16px 32px 0px",
+    "shadow-5": "rgba(0, 0, 0, 0.1) 0px 20.187px 40.374px -20.187px"
+  },
+  "transitions": {
+    "transition-1": "all",
+    "transition-2": "opacity 0.24s cubic-bezier(0.45, 0.05, 0.55, 0.95)",
+    "transition-3": "fill 0.24s cubic-bezier(0.45, 0.05, 0.55, 0.95)",
+    "transition-4": "opacity cubic-bezier(0.4, 0, 0.2, 1), transform cubic-bezier(0.4, 0, 0.2, 1)",
+    "transition-5": "color 0.24s cubic-bezier(0.45, 0.05, 0.55, 0.95), background-color 0.24s cubic-bezier(0.45, 0.05, 0.55, 0.95), border-color 0.24s cubic-bezier(0.45, 0.05, 0.55, 0.95)"
+  },
+  "layout": {
+    "maxWidth": "1266px",
+    "headerHeight": "76px",
+    "sidebarWidth": "0px",
+    "gap": "normal",
+    "containerPadding": "0px"
+  },
+  "cssCustomProperties": {
+    "--hds-color-core-neutral-975": "#0d253d",
+    "--hds-color-accent-border-solid": "#533afd",
+    "--hds-font-input-text-md-lineHeight": "1.3",
+    "--hds-shadow-sm-top-offset-y": "5px",
+    "--hds-color-accentColorMode-ruby-icon-solid": "#ea2261",
+    "--hds-color-util-brand-900": "#1c1e54",
+    "--hds-color-action-bg-subduedHover": "#b9b9f9",
+    "--hds-color-accentColorMode-magenta-surface-subduedAlt": "#ffe6f5",
+    "--hds-color-input-text-label": "#273951",
+    "--navigation-padding-outer": "8px",
+    "--hds-shadow-sm-bottom-offset-y": "2px",
+    "--hds-color-input-text-selected": "#273951",
+    "--hds-space-core-1900": "152px",
+    "--hds-space-core-300": "24px",
+    "--hds-color-input-text-popover": "#273951",
+    "--hds-shadow-xs-top-blur": "10px",
+    "--hds-color-shadow-sm-top": "#00377014",
+    "--hds-color-button-ui-iconHover": "#2e2b8c",
+    "--hds-font-heading-xs-lineHeight": "1.2",
+    "--hds-space-core-250": "20px",
+    "--hds-color-core-brandDark-800A": "#4b31d080",
+    "--hds-color-core-lemon-500": "#9b6829",
+    "--hds-space-core-2000": "160px",
+    "--hds-shadow-xs-bottom-blur": "4px",
+    "--hds-font-heading-md-letterSpacing": "-0.01em",
+    "--navigation-inline-end": "16px",
+    "--hds-color-input-text-placeholder": "#7d8ba4",
+    "--hds-color-shadow-lg-top": "#0037701a",
+    "--hds-color-util-bg-min": "#fff",
+    "--hds-color-core-neutral-50A": "#a8c3de4d",
+    "--hds-font-quoteAttribution-md-weight": "300",
+    "--hds-color-util-neutral-50": "#e5edf5",
+    "--hds-color-input-selector-text-range": "#665efd",
+    "--hds-color-accentColorMode-magenta-icon-gradientMiddle": "#f96bee",
+    "--hds-color-accentColorMode-lemon-surface-subdued": "#fff2d8",
+    "--hds-font-text-lg-letterSpacing": "0em",
+    "--hds-font-heading-md-weight": "300",
+    "--hds-font-heading-xl-lineHeight": "1.03",
+    "--hds-color-core-neutralDark-25": "#f2f7fe",
+    "--hds-shadow-xs-top-offset-y": "2px",
+    "--hds-space-input-text-paddingX-lg": "16px",
+    "--hds-font-input-groupHeading-weight": "300",
+    "--hds-space-input-text-paddingY-sm": "8px",
+    "--hds-color-action-bg-translucent": "#ffffffa6",
+    "--hds-color-util-accent-magenta-100": "#ffd7ef",
+    "--hds-color-util-accent-orange-50": "#ffe5da",
+    "--hds-shadow-sm-bottom-offset-x": "0px",
+    "--hds-font-text-lg-lineHeight": "1.4",
+    "--hds-color-input-icon-solidAlternate": "#533afd",
+    "--hds-color-heading-subdued": "#64748d",
+    "--hds-color-heading-solid": "#061b31",
+    "--hds-font-input-description-lineHeight": "1.3",
+    "--hds-color-accent-charm-bg": "#533afd",
+    "--hds-color-util-bg-quiet": "#f8fafd",
+    "--hds-color-button-secondary-textDisabled": "#95a4ba",
+    "--hds-color-core-neutralDark-700": "#273f73",
+    "--hds-color-action-text-onSolid": "#fff",
+    "--hds-space-core-radius-none": "0px",
+    "--hds-color-core-neutralDark-990": "#0d1738",
+    "--hds-color-util-accent-lemon-200": "#f9b900",
+    "--hds-space-core-550": "44px",
+    "--hds-shadow-xl-bottom-offset-x": "0px",
+    "--hds-color-input-tile-text-selected": "#533afd",
+    "--hds-color-util-brand-200": "#b9b9f9",
+    "--hds-color-action-border-solidHover": "#4032c8",
+    "--hds-shadow-xl-bottom-offset-y": "10px",
+    "--hds-color-util-action-icon-soft": "#665efd",
+    "--hds-color-accentColorMode-ruby-icon-gradientEnd": "#b51145",
+    "--hds-color-util-brand-25": "#f5f5ff",
+    "--hds-color-input-bg-default": "#ffffff40",
+    "--hds-color-button-primary-bg": "#533afd",
+    "--hds-color-accentColorMode-magenta-icon-gradientStart": "#f98bf9",
+    "--hds-font-family": "\"sohne-var\",\"SF Pro Display\",sans-serif",
+    "--hds-color-action-bg-subdued": "#e2e4ff",
+    "--navigation-duration-slow": "300ms",
+    "--hds-color-util-brand-800": "#2e2b8c",
+    "--hds-font-text-xxl-letterSpacing": "-0.02em",
+    "--hds-color-input-selector-icon-disabledOnSolid": "#95a4ba",
+    "--hds-color-util-text-soft": "#50617a",
+    "--hds-color-input-text-disabled": "#95a4ba",
+    "--hds-color-util-neutral-950": "#11273e",
+    "--hds-color-core-neutral-0": "#fff",
+    "--hds-color-accent-surface-solid": "#533afd",
+    "--hds-color-accentColorMode-magenta-surface-subdued": "#ffe6f5",
+    "--hds-color-icon-error": "#d8351e",
+    "--hds-color-util-action-bg-max": "#2e2b8c",
+    "--hds-color-util-neutral-800": "#273951",
+    "--hds-font-heading-sm-weight": "300",
+    "--hds-color-util-accent-orange-350": "#ff6118",
+    "--navigation-duration": "240ms",
+    "--hds-color-util-action-bg-emphasized": "#4032c8",
+    "--hds-color-util-brand-300": "#9a9afe",
+    "--hds-color-accentColorMode-default-icon-solidAlt": "#533afd",
+    "--hds-color-util-neutral-700": "#3c4f69",
+    "--hds-space-block-column-gap": "16px",
+    "--hds-color-icon-success": "#00b261",
+    "--hds-color-core-neutralDark-50": "#e3ecf7",
+    "--hds-color-core-brand-400": "#7f7dfc",
+    "--hds-space-input-border-default": "1.25px",
+    "--hds-shadow-lg-bottom-blur": "20px",
+    "--hds-color-action-icon-onSubdued": "#533afd",
+    "--hds-color-core-lemon-200": "#f9b900",
+    "--hds-color-core-brandDark-200": "#a8bfff",
+    "--hds-font-heading-hero-lg-lineHeight": "1.2",
+    "--hds-font-input-label-lg-weight": "400",
+    "--hds-font-heading-xl-size": "3rem",
+    "--hds-color-util-brand-600": "#533afd",
+    "--hds-color-accentColorMode-orange-icon-solid": "#ff6118",
+    "--hds-shadow-xl-bottom-spread": "-16px",
+    "--hds-font-input-text-sm-size": "0.75rem",
+    "--hds-color-accentColorMode-orange-icon-gradientMiddle": "#fd6252",
+    "--hds-space-core-2200": "176px",
+    "--hds-font-text-xxs-lineHeight": "1.45",
+    "--hds-space-input-text-paddingY-md": "10px",
+    "--hero-font-lang-large": "3rem",
+    "--hds-color-core-ruby-500": "#e2225f",
+    "--hds-font-text-sm-size": "0.875rem",
+    "--hds-color-core-neutralDark-400": "#839bc8",
+    "--hds-color-button-primary-iconDisabled": "#95a4ba",
+    "--hds-space-button-border": "1px",
+    "--hds-font-input-text-lg-letterSpacing": "0px",
+    "--hds-color-util-neutral-990": "#061b31",
+    "--hds-color-util-action-border-max": "#2e2b8c",
+    "--hds-color-util-accent-ruby-400": "#ea2261",
+    "--hds-color-util-action-icon-solid": "#533afd",
+    "--hds-color-input-popover-border": "#ffffff00",
+    "--hds-color-util-action-icon-subdued": "#b9b9f9",
+    "--hds-space-layout-gap": "16px",
+    "--hds-color-icon-surface": "#bac8da",
+    "--hds-font-text-xxl-weight": "300",
+    "--hds-color-shadow-xl-bottom": "#003b890f",
+    "--hds-color-accent-icon-solidAlt": "#533afd",
+    "--hds-color-action-text-onTransparent": "#533afd",
+    "--hds-color-accentColorMode-lemon-icon-gradientStart": "#ffd552",
+    "--hds-font-text-xs-weight": "300",
+    "--hds-space-core-1000": "80px",
+    "--hds-color-util-action-bg-soft": "#665efd",
+    "--hds-color-core-brandDark-925": "#1c1b5a",
+    "--hds-font-heading-hero-md-size": "2.25rem",
+    "--hds-color-input-bg-accent": "#533afd",
+    "--hds-font-heading-lg-letterSpacing": "-0.02em",
+    "--hds-color-util-brand-975": "#0f1137",
+    "--hds-font-input-text-lgTextarea-lineHeight": "1.4",
+    "--hds-color-core-orange-100": "#ffd8c6",
+    "--hds-color-util-accent-orange-100": "#ffd8c6",
+    "--hds-color-input-text-error": "#d8351e",
+    "--hds-font-input-description-letterSpacing": "0px",
+    "--hds-color-input-tile-border-pressed": "#2e2b8c",
+    "--hds-space-core-border-lg": "2px",
+    "--hds-font-input-label-lg-size": "1rem",
+    "--hds-color-button-secondary-bg": "#ffffff00",
+    "--hds-space-input-layered-label-maxWidth": "196px",
+    "--hds-color-input-border-error": "#d8351e",
+    "--hds-color-input-selector-bg-selected": "#533afd",
+    "--hds-color-core-brandDark-700": "#362baa",
+    "--hds-shadow-sm-bottom-spread": "0px",
+    "--hds-space-core-radius-round": "99999px",
+    "--hds-color-core-neutralDark-200": "#c0cee6",
+    "--hds-color-button-secondary-bgHover": "#ffffff00",
+    "--hds-color-core-neutralDark-900A": "#23357a80",
+    "--hds-font-heading-xxs-letterSpacing": "0em",
+    "--hds-font-heading-hero-md-letterSpacing": "-0.02em",
+    "--hds-color-core-neutral-700": "#3c4f69",
+    "--hds-space-core-1400": "112px",
+    "--hds-shadow-md-top-blur": "22px",
+    "--hds-space-core-400": "32px",
+    "--hds-color-accentColorMode-ruby-icon-solidAlt": "#ea2261",
+    "--hds-color-accentColorMode-ruby-surface-subduedAlt": "#fed9de",
+    "--hds-color-button-ui-bgOnSubdued": "#e2e4ff",
+    "--hds-color-action-icon-navigation-soft": "#50617a",
+    "--hds-color-action-bg-transparent": "#ffffff00",
+    "--hds-color-action-border-disabled": "#d4dee9",
+    "--hds-font-heading-lg-size": "2rem",
+    "--hds-font-heading-xxs-lineHeight": "1.2",
+    "--hds-color-util-accent-lemon-500": "#9b6829",
+    "--hds-space-input-focus-shadowOuter": "4px",
+    "--hds-color-util-action-border-solid": "#533afd",
+    "--hds-color-accent-charm-gradientMiddle": "#533afd",
+    "--hds-color-action-text-solidHover": "#2e2b8c",
+    "--hds-color-util-text-solid": "#061b31",
+    "--hds-color-shadow-md-top": "#0037701a",
+    "--hds-color-util-neutral-300": "#95a4ba",
+    "--hds-color-action-bg-disabled": "#e5edf5",
+    "--hds-color-util-aura-h241Shadow": "#1c1b5a",
+    "--hds-color-util-action-border-quiet": "#b9b9f9",
+    "--hds-color-surface-border-quiet": "#e5edf5",
+    "--hds-space-block-stack-gap-lg": "48px",
+    "--hds-font-text-xxs-weight": "300",
+    "--hds-space-input-gap-errorMessage": "4px",
+    "--hds-color-util-brand-925": "#1c1e54",
+    "--hds-color-accentColorMode-magenta-icon-gradientEnd": "#b262f9",
+    "--hds-color-button-secondary-icon": "#533afd",
+    "--hds-color-core-brandDark-600": "#533afd",
+    "--hds-color-surface-bg-subduedAdaptive": "#1658bc08",
+    "--hds-font-heading-hero-md-weight": "300",
+    "--hds-color-util-text-quiet": "#7d8ba4",
+    "--hds-space-layout-columns": "12",
+    "--hds-shadow-md-bottom-blur": "8px",
+    "--hds-space-core-1500": "120px",
+    "--hds-color-core-error-600": "#a01400",
+    "--hds-font-text-md-weight": "300",
+    "--hds-color-core-brand-950": "#161741",
+    "--hds-color-input-icon-onSolid": "#fff",
+    "--hds-color-core-brand-100A": "#7680f54d",
+    "--hds-color-action-icon-onTransparent": "#533afd",
+    "--hds-shadow-lg-bottom-offset-x": "0px",
+    "--hds-color-core-ruby-800": "#5d1c3c",
+    "--hds-color-core-neutral-400": "#7d8ba4",
+    "--hds-color-accentColorMode-lemon-icon-solidAlt": "#e8a30b",
+    "--hds-color-input-border-selected": "#d4dee9bf",
+    "--hds-color-core-brand-25A": "#acacff1f",
+    "--hds-color-util-neutral-0": "#fff",
+    "--hds-font-text-lg-weight": "300",
+    "--hds-color-util-action-fg-solidAlternate": "#533afd",
+    "--hds-space-input-layered-label-minWidth": "120px",
+    "--hds-color-input-border-default": "#d4dee9bf",
+    "--hds-color-util-neutral-200": "#bac8da",
+    "--hds-font-input-description-size": "0.875rem",
+    "--hds-color-core-brand-925": "#1c1e54",
+    "--hds-color-core-brandDark-100": "#c3d3ff",
+    "--hero-font-lang-medium": "2.75rem",
+    "--hds-font-heading-hero-sm-letterSpacing": "-0.02em",
+    "--hds-color-input-bg-quiet": "#d4dee9",
+    "--hds-color-button-primary-text": "#fff",
+    "--hds-color-util-text-inactive": "#95a4ba",
+    "--hds-font-heading-xs-size": "1rem",
+    "--hds-color-core-success-600": "#006f3a",
+    "--hds-color-text-quiet": "#7d8ba4",
+    "--hds-color-action-text-solid": "#533afd",
+    "--hds-font-heading-hero-lg-weight": "300",
+    "--hds-canary-ui-mini-stroke": "#e5edf5",
+    "--hds-font-input-text-sm-weight": "300",
+    "--hds-color-shadow-popoverBottom": "#061b311f",
+    "--hds-color-util-border-subdued": "#d4dee9",
+    "--hds-color-util-action-text-max": "#2e2b8c",
+    "--hds-color-util-action-fg-solidAlternateHover": "#2e2b8c",
+    "--hds-color-core-brand-25": "#f5f5ff",
+    "--hds-space-core-radius-lg": "16px",
+    "--hds-color-core-success-400": "#00b261",
+    "--hds-font-quote-md-letterSpacing": "-0.01em",
+    "--hds-color-core-neutral-50": "#e5edf5",
+    "--hds-color-core-lemon-100": "#ffe1a3",
+    "--hds-font-input-text-lgTextarea-weight": "300",
+    "--hds-color-util-accent-lemon-800": "#483414",
+    "--hds-color-action-border-quiet": "#d6d9fc",
+    "--hds-color-core-brandDark-50": "#e4eaff",
+    "--hds-color-shadow-sm-bottom": "#003b890d",
+    "--hds-color-util-success-100": "#b6f2c7",
+    "--hds-color-core-neutral-300": "#95a4ba",
+    "--hds-color-util-brand-500": "#665efd",
+    "--hds-space-block-stack-gap-md": "16px",
+    "--hds-space-core-350": "28px",
+    "--hds-color-core-brand-500": "#665efd",
+    "--hds-color-action-icon-onTranslucent": "#533afd",
+    "--hds-shadow-xl": "0px 20px 80px -16px #00377024,0px 10px 60px -16px #003b890f",
+    "--hds-shadow-sm-top-offset-x": "0px",
+    "--hds-color-action-icon-solid": "#533afd",
+    "--hds-color-core-global-transparent": "#ffffff00",
+    "--hds-color-util-neutral-25": "#f8fafd",
+    "--hds-space-core-border-none": "0px",
+    "--hds-font-text-xl-lineHeight": "1.4",
+    "--hds-color-surface-bg-subdued": "#f8fafd",
+    "--hds-color-accentColorMode-orange-icon-solidAlt": "#ff6118",
+    "--hds-color-util-accent-magenta-600": "#a51d85",
+    "--hds-color-action-bg-quietHover": "#d6d9fc",
+    "--hds-color-action-icon-onQuiet": "#533afd",
+    "--hds-font-heading-xxl-size": "3.5rem",
+    "--hds-space-core-border-md": "1.25px",
+    "--hds-font-heading-xxs-size": "0.875rem",
+    "--hds-color-input-popover-divider": "#d4dee9bf",
+    "--hds-color-core-magenta-50": "#ffe6f5",
+    "--hds-space-core-1300": "104px",
+    "--hds-shadow-md": "0px 6px 22px 0px #0037701a,0px 4px 8px 0px #003b8905",
+    "--hds-color-core-magenta-800": "#4f2055",
+    "--hds-color-core-neutralDark-500": "#6480b2",
+    "--hds-font-heading-xxl-letterSpacing": "-0.025em",
+    "--hds-space-core-1800": "144px",
+    "--hds-shadow-lg-bottom-offset-y": "5px",
+    "--hds-color-accent-text-solid": "#533afd",
+    "--hds-space-input-text-paddingY-listbox": "6px",
+    "--hds-color-core-brandDark-900": "#222069",
+    "--hds-font-input-text-md-size": "0.875rem",
+    "--hds-shadow-sm-top-spread": "0px",
+    "--hds-color-action-icon-solidHover": "#2e2b8c",
+    "--hds-color-action-focus-outer": "#533afd",
+    "--hds-color-core-brand-600": "#533afd",
+    "--hds-space-core-150": "12px",
+    "--hds-color-util-accent-magenta-800": "#4f2055",
+    "--hds-color-input-selector-bg-range": "#e8e9ff",
+    "--hds-color-button-primary-textDisabled": "#95a4ba",
+    "--hds-color-util-brand-100": "#d6d9fc",
+    "--hds-shadow-md-bottom-spread": "0px",
+    "--hds-font-input-label-sm-size": "0.75rem",
+    "--hds-color-button-secondary-borderDisabled": "#d4dee9",
+    "--hds-color-core-lemon-300": "#e8a30b",
+    "--hds-color-input-selector-text-disabled": "#95a4ba",
+    "--hds-color-core-ruby-600": "#b51145",
+    "--hds-color-accentColorMode-orange-surface-subdued": "#ffe5da",
+    "--hds-font-heading-md-size": "1.625rem",
+    "--hds-space-layout-page-margin": "16px",
+    "--hds-color-button-primary-icon": "#fff",
+    "--hds-shadow-xl-top-spread": "-16px",
+    "--hds-color-action-focus-surface": "#ffffff00",
+    "--hds-space-core-25": "2px",
+    "--hds-space-core-700": "56px",
+    "--hds-color-util-action-fg-solidHover": "#2e2b8c",
+    "--hds-color-core-neutral-600": "#50617a",
+    "--hds-color-util-accent-ruby-50": "#fee8eb",
+    "--hds-font-heading-xxl-lineHeight": "1.03",
+    "--hds-color-util-action-bg-subdued": "#b9b9f999",
+    "--hds-color-input-bg-focus": "#ffffff80",
+    "--hds-font-input-label-md-lineHeight": "1.3",
+    "--hds-color-button-ui-bgOnSubduedHover": "#b9b9f9",
+    "--hds-color-util-action-icon-max": "#2e2b8c",
+    "--hds-font-text-md-size": "1rem",
+    "--hds-font-heading-sm-lineHeight": "1.1",
+    "--hds-color-util-action-fg-solid": "#533afd",
+    "--hds-color-input-icon-solid": "#533afd",
+    "--hds-color-util-accent-magenta-500": "#cf2cab",
+    "--hds-color-core-brand-50A": "#a3a7ff40",
+    "--hds-color-util-accent-magenta-50": "#ffe6f5",
+    "--hds-font-input-text-md-letterSpacing": "0px",
+    "--hds-color-action-text-onTranslucent": "#533afd",
+    "--hds-color-core-brand-300": "#9a9afe",
+    "--hds-color-core-magenta-350": "#f44bcc",
+    "--hds-color-core-neutralDark-800A": "#2f458ba6",
+    "--hds-color-util-action-bg-solid": "#533afd",
+    "--hds-color-accentColorMode-default-surface-subduedAlt": "#e2e4ff",
+    "--hds-shadow-lg-bottom-spread": "-2px",
+    "--hds-color-core-brandDark-300": "#92adff",
+    "--hds-color-core-orange-600": "#ab3500",
+    "--hds-font-input-label-md-letterSpacing": "0px",
+    "--hds-space-core-1100": "88px",
+    "--hds-color-input-selector-bg-availableHover": "#d6d9fc",
+    "--hds-color-button-ui-borderDisabled": "#d4dee9",
+    "--hds-color-accentColorMode-orange-icon-gradientEnd": "#fd5d7c",
+    "--hds-color-core-ruby-400": "#ea2261",
+    "--hds-color-input-selector-text-selected": "#fff",
+    "--hds-color-input-selector-text-available": "#273951",
+    "--hds-color-util-error-100": "#feb9ac",
+    "--hds-color-core-brandDark-400": "#7389ff",
+    "--hds-color-util-brand-400": "#7f7dfc",
+    "--hds-color-core-orange-50": "#ffe5da",
+    "--hds-shadow-xl-top-offset-x": "0px",
+    "--hds-space-block-stack-gap-xl": "64px",
+    "--hds-color-accentColorMode-default-icon-gradientEnd": "#4032c8",
+    "--hds-color-action-bg-solidHover": "#4032c8",
+    "--hds-color-core-neutral-100": "#d4dee9",
+    "--hds-font-heading-xxl-weight": "300",
+    "--hds-color-util-brand-700": "#4032c8",
+    "--hds-color-accentColorMode-ruby-surface-subdued": "#fed9de",
+    "--hds-shadow-md-top-spread": "0px",
+    "--hds-space-button-radius-sm": "2px",
+    "--hds-color-core-error-100": "#feb9ac",
+    "--hds-color-input-bg-solid": "#fff",
+    "--hds-color-core-neutralDark-900": "#182659",
+    "--hds-space-core-1200": "96px",
+    "--hds-color-util-accent-lemon-300": "#e8a30b",
+    "--hds-color-util-border-solid": "#273951",
+    "--hds-color-util-action-fg-onSolid": "#fff",
+    "--hds-space-input-layered-input-minWidth": "300px",
+    "--hds-font-heading-xxs-weight": "400",
+    "--hds-font-text-sm-lineHeight": "1.4",
+    "--hds-color-input-bg-popoverTransparent": "#ffffff00",
+    "--hds-color-action-text-solidAlternate": "#533afd",
+    "--hds-font-heading-lg-weight": "300",
+    "--hds-color-util-neutral-400": "#7d8ba4",
+    "--hds-shadow-xl-top-offset-y": "20px",
+    "--hds-color-action-text-onQuiet": "#533afd",
+    "--hds-color-accentColorMode-lemon-icon-solid": "#e8a30b",
+    "--hds-color-util-action-fg-onAlpha": "#533afd",
+    "--hds-color-core-brandDark-975": "#171055",
+    "--hds-color-button-primary-iconHover": "#fff",
+    "--hds-font-heading-hero-lg-size": "2.5rem",
+    "--hds-color-input-tile-bg-selected": "#acacff1f",
+    "--hds-font-input-label-sm-lineHeight": "1.35",
+    "--hds-canary-grid-span-quarter": "span 3",
+    "--hds-color-core-ruby-100": "#fed9de",
+    "--hds-shadow-xs-bottom-offset-x": "0px",
+    "--hds-color-core-brand-50": "#e8e9ff",
+    "--hds-font-family-code": "\"SourceCodePro\",\"SFMono-Regular\",monospace",
+    "--hds-font-text-xxl-lineHeight": "1",
+    "--hds-color-action-text-secondary": "#061b31",
+    "--hds-color-input-bg-popover": "#fff",
+    "--hds-shadow-xl-bottom-blur": "60px",
+    "--hds-color-util-black": "#061b31",
+    "--hds-space-core-radius-xs": "2px",
+    "--hds-color-input-selector-bg-available": "#ffffff00",
+    "--hds-space-core-600": "48px",
+    "--hds-size-input-popover-border-width": "0px",
+    "--hds-font-text-xs-letterSpacing": "0em",
+    "--hds-space-input-text-paddingX-md": "13px",
+    "--hds-font-quoteAttribution-md-lineHeight": "1.4",
+    "--hds-color-accentColorMode-magenta-icon-solidAlt": "#f44bcc",
+    "--hds-font-input-text-md-weight": "300",
+    "--hds-color-util-accent-ruby-100": "#fed9de",
+    "--hds-color-input-bg-listboxIcon": "#e5edf5",
+    "--hds-font-quoteAttribution-md-size": "1.125rem",
+    "--hds-color-input-border-accent": "#533afd",
+    "--hds-font-heading-xs-letterSpacing": "0em",
+    "--hds-font-heading-hero-md-lineHeight": "1.05",
+    "--hds-space-core-450": "36px",
+    "--hds-font-heading-hero-sm-weight": "300",
+    "--hds-font-text-xs-size": "0.875rem",
+    "--hds-space-core-500": "40px",
+    "--hds-color-accent-surface-subduedAlt": "#e2e4ff",
+    "--hds-color-core-magenta-100": "#ffd7ef",
+    "--hds-space-core-50": "4px",
+    "--hds-font-text-xxs-size": "0.75rem",
+    "--hds-color-accentColorMode-orange-surface-subduedAlt": "#ffe5da",
+    "--hds-color-accentColorMode-orange-border-quiet": "#ffd8c6",
+    "--hds-font-heading-xs-weight": "400",
+    "--hds-color-util-brand-950": "#161741",
+    "--hds-color-shadow-md-bottom": "#003b8905",
+    "--hds-color-util-action-text-min": "#fff",
+    "--hds-canary-dashed-border": "1px dashed #e5edf5",
+    "--hds-color-input-bg-selectorActive": "#7f7dfc",
+    "--hds-color-input-border-focus": "#d4dee9bf",
+    "--hds-space-customerCard-logo-height": "60px",
+    "--hds-space-input-text-paddingX-sm": "10px",
+    "--hds-color-input-tile-border-hover": "#533afd",
+    "--hds-color-core-brand-800": "#2e2b8c",
+    "--hds-color-shadow-lg-bottom": "#003b890a",
+    "--hds-shadow-xs-top-offset-x": "0px",
+    "--hds-font-text-md-letterSpacing": "0em",
+    "--hds-font-weight-bold": "400",
+    "--navigation-easing": "cubic-bezier(0.45,0.05,0.55,0.95)",
+    "--hds-font-input-text-lgTextarea-size": "1rem",
+    "--hero-font-lang-small": "2.5rem",
+    "--hds-color-shadow-xs-bottom": "#003b890a",
+    "--hds-font-heading-hero-sm-lineHeight": "1.1",
+    "--hds-color-action-border-solid": "#533afd",
+    "--hds-color-core-neutral-800": "#273951",
+    "--hds-font-input-groupHeading-lineHeight": "1.35",
+    "--hds-color-core-ruby-50": "#fee8eb",
+    "--hds-color-util-action-border-emphasized": "#4032c8",
+    "--hds-color-util-accent-ruby-800": "#5d1c3c",
+    "--hero-font-lang-min": "2.125rem",
+    "--hds-color-core-neutralDark-600": "#45639d",
+    "--hds-color-action-bg-quiet": "#e8e9ff",
+    "--hds-color-util-brand-75": "#e2e4ff",
+    "--hds-color-util-success-400": "#00b261",
+    "--hds-color-button-primary-bgDisabled": "#e5edf5",
+    "--hds-color-core-brand-700": "#4032c8",
+    "--hds-font-heading-hero-sm-size": "2rem",
+    "--hds-color-accentColorMode-lemon-icon-gradientEnd": "#ff9014",
+    "--hds-color-util-neutral-975": "#0d253d",
+    "--hds-color-accentColorMode-lemon-border-quiet": "#ffe1a3",
+    "--hds-color-core-magenta-500": "#cf2cab",
+    "--hds-color-util-neutral-100": "#d4dee9",
+    "--hds-shadow-md-bottom-offset-y": "4px",
+    "--hds-font-input-groupHeading-size": "0.75rem",
+    "--hds-color-core-brand-75": "#e2e4ff",
+    "--navigation-hamburger-duration": "0.25s",
+    "--hds-color-core-lemon-25": "#fff2d8",
+    "--hds-space-core-2500": "200px",
+    "--hds-color-action-text-disabled": "#95a4ba",
+    "--hds-color-shadow-popoverTop": "#27395114",
+    "--hds-color-core-neutral-950": "#11273e",
+    "--hds-space-input-popover-width": "240px",
+    "--hds-color-accentColorMode-ruby-icon-gradientStart": "#fd7184",
+    "--hds-color-util-accent-lemon-100": "#ffe1a3",
+    "--hds-font-heading-lg-lineHeight": "1.1",
+    "--hds-color-core-brand-200": "#b9b9f9",
+    "--hds-font-input-label-md-weight": "400",
+    "--hds-color-core-brandDark-700A": "#4834dbb2",
+    "--hds-font-input-text-lg-weight": "300",
+    "--hds-color-button-ui-icon": "#533afd",
+    "--hds-color-core-orange-800": "#56281b",
+    "--hds-color-core-neutralDark-950": "#122054",
+    "--hds-color-button-ui-bg": "#e8e9ff",
+    "--hds-color-util-accent-orange-500": "#d04900",
+    "--hds-color-util-action-bg-quiet": "#b9b9f94d",
+    "--hds-font-text-xl-letterSpacing": "-0.01em",
+    "--hds-space-stat-content-padding-y": "36px",
+    "--hds-space-core-radius-xl": "32px",
+    "--accent-gradient-color-stop-1": "#bdb4ff",
+    "--hds-color-util-action-icon-quiet": "#d6d9fc",
+    "--hds-color-input-bg-inactive": "#d4dee9bf",
+    "--hds-color-input-selector-text-rangeDisabled": "#b9b9f9",
+    "--hds-color-action-text-solidAlternateHover": "#2e2b8c",
+    "--navigation-height": "76px",
+    "--hds-color-icon-solid": "#273951",
+    "--hds-space-core-75": "6px",
+    "--hds-color-action-focus-inner-subdued": "#f8fafd",
+    "--hds-color-button-secondary-borderOnSubdued": "#b9b9f9",
+    "--hds-color-accent-border-quiet": "#d6d9fc",
+    "--hds-color-accent-charm-gradientStart": "#7f7dfc",
+    "--hds-color-util-border-emphasized": "#061b31",
+    "--hds-color-util-error-500": "#d8351e",
+    "--hds-space-input-text-paddingX-listbox": "10px",
+    "--hds-shadow-xl-top-blur": "80px",
+    "--hds-color-core-neutral-200": "#bac8da",
+    "--hds-font-heading-hero-lg-letterSpacing": "-0.02em",
+    "--hds-color-input-bg-hover": "#f5f5ff",
+    "--hds-color-surface-bg-quiet": "#fff",
+    "--hds-color-util-error-400": "#f3432a",
+    "--hds-font-text-xs-lineHeight": "1.4",
+    "--hds-color-action-text-onSubdued": "#533afd",
+    "--hds-space-core-border-sm": "1px",
+    "--hds-color-util-neutral-600": "#50617a",
+    "--hds-color-input-icon-disabled": "#d4dee9",
+    "--hds-color-action-icon-solidAlternate": "#533afd",
+    "--hds-font-text-md-lineHeight": "1.4",
+    "--hds-color-util-action-bg-min": "#9a9afe1f",
+    "--hds-font-heading-xl-letterSpacing": "-0.02em",
+    "--hds-font-input-label-sm-letterSpacing": "0px",
+    "--hds-font-heading-sm-size": "1.375rem",
+    "--hds-color-input-selector-bg-selectedHover": "#4032c8",
+    "--hds-color-util-bg-subdued": "#e5edf5",
+    "--hover-progress": "0",
+    "--hds-shadow-md-top-offset-x": "0px",
+    "--hds-color-core-neutral-900": "#1a2c44",
+    "--hds-color-button-secondary-text": "#533afd",
+    "--hds-color-core-neutral-990": "#061b31",
+    "--hds-color-text-soft": "#50617a",
+    "--hds-color-icon-subdued": "#64748d",
+    "--hds-color-util-bg-soft": "#d4dee9",
+    "--hds-canary-layout-content-maxWidth-borders": "calc(1264px + 2px)",
+    "--hds-color-core-magenta-600": "#a51d85",
+    "--hds-color-core-neutral-200A": "#7591b580",
+    "--hds-font-input-text-lg-lineHeight": "1",
+    "--hds-color-util-action-icon-emphasized": "#4032c8",
+    "--hds-space-core-2100": "168px",
+    "--hds-font-input-label-md-size": "0.875rem",
+    "--hds-color-accentColorMode-lemon-icon-gradientMiddle": "#ffaf2d",
+    "--hds-color-core-neutral-25A": "#1658bc08",
+    "--hds-color-core-brandDark-25": "#f6f7ff",
+    "--hds-color-util-action-text-emphasized": "#4032c8",
+    "--hds-shadow-sm-bottom-blur": "8px",
+    "--hds-font-input-text-sm-lineHeight": "1.35",
+    "--hds-color-action-icon-onSolid": "#fff",
+    "--hds-font-text-sm-weight": "300",
+    "--hds-color-util-text-subdued": "#64748d",
+    "--hds-space-core-1700": "136px",
+    "--hds-font-text-sm-letterSpacing": "0em",
+    "--hds-color-accentColorMode-orange-icon-gradientStart": "#fe8c2d",
+    "--hds-shadow-sm-top-blur": "14px",
+    "--hds-space-input-minHeight": "48px",
+    "--hds-color-core-orange-500": "#d04900",
+    "--hds-color-util-action-text-soft": "#665efd",
+    "--hds-color-button-ui-iconDisabled": "#95a4ba",
+    "--hds-color-core-error-500": "#d8351e",
+    "--hds-shadow-lg-top-offset-y": "15px",
+    "--hds-space-input-gap-labelVertical": "8px",
+    "--hds-color-core-brandDark-925A": "#582be233",
+    "--hds-space-input-focus-shadowSingle": "2px",
+    "--hds-space-core-1": "1px",
+    "--hds-color-accent-charm-gradientEnd": "#4032c8",
+    "--hds-canary-ui-shadow": "0px 16px 32px rgba(50,50,93,.12)",
+    "--hds-font-quoteAttribution-md-letterSpacing": "0em",
+    "--hds-color-core-error-400": "#f3432a",
+    "--hds-color-input-selector-bg-disabled": "#e5edf5",
+    "--hds-color-accent-surface-subdued": "#e2e4ff",
+    "--hds-font-input-text-lgTextarea-letterSpacing": "0px",
+    "--hds-color-util-action-icon-min": "#fff",
+    "--hds-color-accentColorMode-default-icon-gradientMiddle": "#533afd",
+    "--hds-font-input-label-lg-lineHeight": "1.2",
+    "--hds-canary-color-border-focus": "#635bff",
+    "--hds-color-input-selector-text-rangeHover": "#4032c8",
+    "--hds-color-util-border-quiet": "#e5edf5",
+    "--hds-color-input-tile-border-selected": "#7f7dfc",
+    "--hds-color-util-neutral-900": "#1a2c44",
+    "--hds-color-core-brandDark-500": "#5d64fe",
+    "--hds-font-input-label-lg-letterSpacing": "0px",
+    "--hds-color-core-brand-100": "#d6d9fc",
+    "--hds-color-input-tile-text-hover": "#533afd",
+    "--hds-color-util-neutral-500": "#64748d",
+    "--hds-space-core-200": "16px",
+    "--hds-color-action-border-subdued": "#b9b9f9",
+    "--hds-color-input-tile-text-pressed": "#2e2b8c",
+    "--hds-color-util-action-border-subdued": "#7f7dfc",
+    "--hds-space-core-900": "72px",
+    "--hds-color-input-selector-text-availableHover": "#4032c8",
+    "--hds-font-text-xl-weight": "300",
+    "--hds-color-input-border-disabled": "#d4dee9",
+    "--hds-space-input-layered-input-maxWidth": "360px",
+    "--hds-space-button-height": "48px",
+    "--accent-gradient-color-stop-2": "#643afd",
+    "--hds-color-button-secondary-textHover": "#2e2b8c",
+    "--hds-space-core-100": "8px",
+    "--hds-canary-grid-span-full": "span 12",
+    "--hds-color-core-neutralDark-800": "#23356e",
+    "--hds-color-button-secondary-border": "#d6d9fc",
+    "--hds-space-section-gap-top": "96px",
+    "--accent-gradient-color-stop-3": "#533afd",
+    "--hds-font-heading-sm-letterSpacing": "-0.01em",
+    "--hds-color-util-white": "#fff",
+    "--hds-shadow-xs-top-spread": "0px",
+    "--hds-color-util-error-600": "#a01400",
+    "--hds-color-text-solid": "#061b31",
+    "--hds-font-text-xxl-size": "3rem",
+    "--hds-space-input-focus-outline-offset": "1px",
+    "--hds-space-layout-content-margin": "16px",
+    "--hds-color-core-brandDark-800": "#2c2484",
+    "--hds-color-core-brandDark-75": "#ccdaff",
+    "--hds-color-core-neutralDark-300": "#a3b5d6",
+    "--hds-color-button-primary-bgHover": "#4032c8",
+    "--hds-shadow-lg-top-spread": "-2px",
+    "--hds-color-button-secondary-iconHover": "#2e2b8c",
+    "--hds-font-weight-normal": "300",
+    "--hds-color-core-neutralDark-975": "#101d4e",
+    "--hds-color-core-neutralDark-100": "#d4deef",
+    "--hds-color-util-success-600": "#006f3a",
+    "--hds-font-quote-md-weight": "300",
+    "--hds-color-core-neutralDark-950A": "#17297080",
+    "--hds-color-accentColorMode-ruby-border-quiet": "#fed9de",
+    "--hds-shadow-md-top-offset-y": "6px",
+    "--hds-font-input-text-lg-size": "1rem",
+    "--hds-color-core-brand-900": "#1c1e54",
+    "--hds-canary-grid-span-half": "span 6",
+    "--hds-color-input-text-solid": "#273951",
+    "--hds-canary-ui-stroke": "color-mix(in srgb,#e5edf5 50%,transparent)",
+    "--hds-font-quote-md-size": "1.625rem",
+    "--hds-color-accentColorMode-magenta-icon-solid": "#f44bcc",
+    "--hds-color-util-accent-orange-800": "#56281b",
+    "--hds-color-text-subdued": "#64748d",
+    "--hds-font-text-lg-size": "1.125rem",
+    "--hds-font-input-text-sm-letterSpacing": "0px",
+    "--hds-space-core-radius-md": "6px",
+    "--hds-color-core-lemon-800": "#483414",
+    "--hds-shadow-lg": "0px 15px 40px -2px #0037701a,0px 5px 20px -2px #003b890a",
+    "--hds-font-quote-md-lineHeight": "1.12",
+    "--hds-color-core-brandDark-950": "#191a51",
+    "--hds-color-shadow-xl-top": "#00377024",
+    "--hds-color-core-success-100": "#b6f2c7",
+    "--hds-color-input-selector-text-current": "#061b31",
+    "--hds-color-accentColorMode-ruby-icon-gradientMiddle": "#ea2261",
+    "--hds-color-util-action-text-solid": "#533afd",
+    "--hds-space-core-800": "64px",
+    "--hds-space-core-0": "0px",
+    "--hds-space-layout-content-maxWidth": "1264px",
+    "--hds-color-core-neutral-500": "#64748d",
+    "--navigation-inline-start": "16px",
+    "--hds-shadow-lg-top-offset-x": "0px",
+    "--hds-space-core-radius-sm": "4px",
+    "--hds-color-action-icon-disabled": "#95a4ba",
+    "--hds-space-core-2300": "184px",
+    "--hds-color-icon-emphasized": "#061b31",
+    "--hds-color-util-accent-magenta-350": "#f44bcc",
+    "--hds-color-button-ui-bgHover": "#d6d9fc",
+    "--hds-space-core-1600": "128px",
+    "--hds-shadow-xs": "0px 2px 10px 0px #0037700f,0px 1px 4px 0px #003b890a",
+    "--hds-shadow-sm": "0px 5px 14px 0px #00377014,0px 2px 8px 0px #003b890d",
+    "--hds-color-button-secondary-borderHover": "#4032c8",
+    "--hds-space-button-radius-lg": "4px",
+    "--hds-color-input-selector-text-selectedDisabled": "#273951",
+    "--hds-color-action-focus-inner-quiet": "#fff",
+    "--hds-font-text-xl-size": "1.25rem",
+    "--hds-shadow-xs-bottom-spread": "0px",
+    "--hds-color-util-brand-50": "#e8e9ff",
+    "--hds-font-input-label-sm-weight": "400",
+    "--navigation-border-radius": "6px",
+    "--hds-color-core-neutral-25": "#f8fafd",
+    "--hds-color-action-icon-solidAlternateHover": "#2e2b8c",
+    "--hds-color-util-accent-ruby-500": "#e2225f",
+    "--hds-space-section-gap-bottom": "96px",
+    "--hds-space-core-2400": "192px",
+    "--hds-color-util-accent-orange-600": "#ab3500",
+    "--hds-color-accentColorMode-magenta-border-quiet": "#ffd7ef",
+    "--hds-color-shadow-xs-top": "#0037700f",
+    "--hds-space-input-text-paddingY-lg": "12px",
+    "--hds-color-action-bg-solid": "#533afd",
+    "--hds-shadow-md-bottom-offset-x": "0px",
+    "--hds-color-core-orange-350": "#ff6118",
+    "--hds-space-input-layered-gap": "24px",
+    "--hds-color-core-brand-975": "#0f1137",
+    "--hds-shadow-xs-bottom-offset-y": "1px",
+    "--hds-color-action-icon-navigation-solid": "#061b31",
+    "--hds-font-heading-xl-weight": "300",
+    "--hds-font-text-xxs-letterSpacing": "0em",
+    "--hds-shadow-lg-top-blur": "40px",
+    "--hds-color-util-accent-ruby-600": "#b51145",
+    "--hds-color-accentColorMode-default-icon-gradientStart": "#7f7dfc",
+    "--hds-color-util-border-soft": "#50617a",
+    "--hds-font-heading-md-lineHeight": "1.12",
+    "--hds-color-input-bg-disabled": "#e5edf5",
+    "--hds-color-action-icon-navigation-subdued": "#64748d",
+    "--hds-color-accentColorMode-lemon-surface-subduedAlt": "#fff2d8",
+    "--hds-color-util-accent-lemon-50": "#fff2d8",
+    "--hds-font-input-groupHeading-letterSpacing": "0px",
+    "--hds-font-input-description-weight": "300",
+    "--hds-color-accent-icon-solid": "#533afd",
+    "--hds-color-button-primary-textHover": "#fff",
+    "--section-container-padding-inline": "0",
+    "--section-container-pbs": "0",
+    "--section-container-pbe": "0",
+    "--section-container-border-inline": "none"
+  }
+}