{
  "name": "flux",
  "version": "2.3.0",
  "prefix": "--flux-",
  "themes": [
    "light",
    "dark",
    "deep"
  ],
  "themeAttribute": "data-flux-theme",
  "tiers": {
    "primitive": {
      "description": "Raw values. No meaning attached. Flux 1.x compatible; never removed, never changed.",
      "groups": [
        {
          "label": "Teal — Kaptio Seagreen (primary)",
          "tokens": {
            "primary-900": {
              "css": "--flux-primary-900",
              "value": "#021E24"
            },
            "primary-800": {
              "css": "--flux-primary-800",
              "value": "#032E36"
            },
            "primary-700": {
              "css": "--flux-primary-700",
              "value": "#034050"
            },
            "primary-600": {
              "css": "--flux-primary-600",
              "value": "#034955"
            },
            "primary-500": {
              "css": "--flux-primary-500",
              "value": "#056271"
            },
            "primary-400": {
              "css": "--flux-primary-400",
              "value": "#056F82"
            },
            "primary-300": {
              "css": "--flux-primary-300",
              "value": "#69A9B4"
            },
            "primary-200": {
              "css": "--flux-primary-200",
              "value": "#B4D4DA"
            },
            "primary-100": {
              "css": "--flux-primary-100",
              "value": "#E6F1F2"
            },
            "primary-50": {
              "css": "--flux-primary-50",
              "value": "#EFF5F5"
            }
          }
        },
        {
          "label": "Yellow — Bumble-Me (CTA only)",
          "tokens": {
            "yellow-900": {
              "css": "--flux-yellow-900",
              "value": "#3A2C10"
            },
            "yellow-800": {
              "css": "--flux-yellow-800",
              "value": "#956000"
            },
            "yellow-600": {
              "css": "--flux-yellow-600",
              "value": "#DC8E00"
            },
            "yellow-400": {
              "css": "--flux-yellow-400",
              "value": "#FFBC42"
            },
            "yellow-300": {
              "css": "--flux-yellow-300",
              "value": "#FFD78E"
            },
            "yellow-200": {
              "css": "--flux-yellow-200",
              "value": "#FFEBC6"
            },
            "yellow-100": {
              "css": "--flux-yellow-100",
              "value": "#FFF8EC"
            }
          }
        },
        {
          "label": "Pink — Fandango (\"the dot\", Edge)",
          "tokens": {
            "pink-600": {
              "css": "--flux-pink-600",
              "value": "#AF0072"
            },
            "pink-400": {
              "css": "--flux-pink-400",
              "value": "#DE37A4"
            },
            "pink-300": {
              "css": "--flux-pink-300",
              "value": "#EB87C8"
            },
            "pink-200": {
              "css": "--flux-pink-200",
              "value": "#F5C3E4"
            },
            "pink-100": {
              "css": "--flux-pink-100",
              "value": "#FCEBF6"
            }
          }
        },
        {
          "label": "Orange — Puffin Beak",
          "tokens": {
            "orange-900": {
              "css": "--flux-orange-900",
              "value": "#3D1D19"
            },
            "orange-800": {
              "css": "--flux-orange-800",
              "value": "#9C1500"
            },
            "orange-600": {
              "css": "--flux-orange-600",
              "value": "#CF1B00"
            },
            "orange-400": {
              "css": "--flux-orange-400",
              "value": "#FF6F59"
            },
            "orange-300": {
              "css": "--flux-orange-300",
              "value": "#FFA99B"
            },
            "orange-200": {
              "css": "--flux-orange-200",
              "value": "#FFD4CD"
            },
            "orange-100": {
              "css": "--flux-orange-100",
              "value": "#FFF1EE"
            }
          }
        },
        {
          "label": "Green — Poison Green",
          "tokens": {
            "green-900": {
              "css": "--flux-green-900",
              "value": "#16301A"
            },
            "green-850": {
              "css": "--flux-green-850",
              "value": "#0C3403"
            },
            "green-800": {
              "css": "--flux-green-800",
              "value": "#0E5600"
            },
            "green-600": {
              "css": "--flux-green-600",
              "value": "#197C04"
            },
            "green-400": {
              "css": "--flux-green-400",
              "value": "#2BA711"
            },
            "green-300": {
              "css": "--flux-green-300",
              "value": "#80CA70"
            },
            "green-200": {
              "css": "--flux-green-200",
              "value": "#BFE5B8"
            },
            "green-100": {
              "css": "--flux-green-100",
              "value": "#EAF6E7"
            }
          }
        },
        {
          "label": "Blue",
          "tokens": {
            "blue-800": {
              "css": "--flux-blue-800",
              "value": "#17458F"
            },
            "blue-600": {
              "css": "--flux-blue-600",
              "value": "#2F67CF"
            },
            "blue-400": {
              "css": "--flux-blue-400",
              "value": "#015BFF"
            },
            "blue-300": {
              "css": "--flux-blue-300",
              "value": "#8EB6FF"
            },
            "blue-200": {
              "css": "--flux-blue-200",
              "value": "#C6DAFF"
            },
            "blue-100": {
              "css": "--flux-blue-100",
              "value": "#ECF5FF"
            }
          }
        },
        {
          "label": "Purple",
          "tokens": {
            "purple-600": {
              "css": "--flux-purple-600",
              "value": "#5A47D6"
            },
            "purple-400": {
              "css": "--flux-purple-400",
              "value": "#6149FF"
            },
            "purple-300": {
              "css": "--flux-purple-300",
              "value": "#ADA0FF"
            },
            "purple-200": {
              "css": "--flux-purple-200",
              "value": "#D5CFFF"
            },
            "purple-100": {
              "css": "--flux-purple-100",
              "value": "#F1EFFF"
            }
          }
        },
        {
          "label": "Neutrals (Flux 1.x — retained verbatim)",
          "tokens": {
            "black": {
              "css": "--flux-black",
              "value": "#212121"
            },
            "grey-700": {
              "css": "--flux-grey-700",
              "value": "#374151"
            },
            "grey-500": {
              "css": "--flux-grey-500",
              "value": "#646B78"
            },
            "grey-300": {
              "css": "--flux-grey-300",
              "value": "#6B6B6B"
            },
            "grey-200": {
              "css": "--flux-grey-200",
              "value": "#C3C3C3"
            },
            "grey-100": {
              "css": "--flux-grey-100",
              "value": "#EBEBEB"
            },
            "grey-50": {
              "css": "--flux-grey-50",
              "value": "#F5F5F5"
            },
            "white": {
              "css": "--flux-white",
              "value": "#FFFFFF"
            }
          }
        },
        {
          "label": "Neutrals (2.0 ramp — powers the dark theme)",
          "tokens": {
            "canvas": {
              "css": "--flux-canvas",
              "value": "#F9FAF8"
            },
            "neutral-50": {
              "css": "--flux-neutral-50",
              "value": "#F4F7F7"
            },
            "neutral-100": {
              "css": "--flux-neutral-100",
              "value": "#E8EDEE"
            },
            "neutral-200": {
              "css": "--flux-neutral-200",
              "value": "#D3DADC"
            },
            "neutral-300": {
              "css": "--flux-neutral-300",
              "value": "#B2BCBF"
            },
            "neutral-400": {
              "css": "--flux-neutral-400",
              "value": "#8C989C"
            },
            "neutral-500": {
              "css": "--flux-neutral-500",
              "value": "#6B777B"
            },
            "neutral-600": {
              "css": "--flux-neutral-600",
              "value": "#4E585C"
            },
            "neutral-700": {
              "css": "--flux-neutral-700",
              "value": "#363F42"
            },
            "neutral-800": {
              "css": "--flux-neutral-800",
              "value": "#242B2E"
            },
            "neutral-900": {
              "css": "--flux-neutral-900",
              "value": "#171D1F"
            },
            "neutral-950": {
              "css": "--flux-neutral-950",
              "value": "#0E1315"
            }
          }
        },
        {
          "label": "Status hues",
          "tokens": {
            "success": {
              "css": "--flux-success",
              "value": "#0A7954"
            },
            "error": {
              "css": "--flux-error",
              "value": "#C1121F"
            },
            "warning": {
              "css": "--flux-warning",
              "value": "#945F06"
            },
            "info": {
              "css": "--flux-info",
              "value": "#056F82"
            }
          }
        },
        {
          "label": "Product & platform-layer accents (graphic only)",
          "tokens": {
            "product-core": {
              "css": "--flux-product-core",
              "value": "#056F82"
            },
            "product-pex": {
              "css": "--flux-product-pex",
              "value": "#F18525"
            },
            "product-edge": {
              "css": "--flux-product-edge",
              "value": "#DE37A4"
            },
            "product-agents": {
              "css": "--flux-product-agents",
              "value": "#8B5CF6"
            },
            "product-quest": {
              "css": "--flux-product-quest",
              "value": "#4F46E5"
            },
            "product-voyage": {
              "css": "--flux-product-voyage",
              "value": "#056F82"
            },
            "product-circle": {
              "css": "--flux-product-circle",
              "value": "#047857"
            },
            "layer-core": {
              "css": "--flux-layer-core",
              "value": "#056F82"
            },
            "layer-pex": {
              "css": "--flux-layer-pex",
              "value": "#F18525"
            },
            "layer-edge": {
              "css": "--flux-layer-edge",
              "value": "#DE37A4"
            },
            "layer-agents": {
              "css": "--flux-layer-agents",
              "value": "#8B5CF6"
            },
            "quest-accent": {
              "css": "--flux-quest-accent",
              "value": "#4F46E5"
            },
            "voyage-accent": {
              "css": "--flux-voyage-accent",
              "value": "#056F82"
            },
            "circle-accent": {
              "css": "--flux-circle-accent",
              "value": "#047857"
            },
            "edge-accent": {
              "css": "--flux-edge-accent",
              "value": "#DE37A4"
            },
            "agents-accent": {
              "css": "--flux-agents-accent",
              "value": "#8B5CF6"
            }
          }
        },
        {
          "label": "Typography",
          "tokens": {
            "font-sans": {
              "css": "--flux-font-sans",
              "value": "'Lexend', system-ui, -apple-system, sans-serif"
            },
            "font-mono": {
              "css": "--flux-font-mono",
              "value": "'JetBrains Mono Variable', 'JetBrains Mono', ui-monospace, SFMono-Regular, monospace"
            },
            "weight-light": {
              "css": "--flux-weight-light",
              "value": "300"
            },
            "weight-bold": {
              "css": "--flux-weight-bold",
              "value": "700"
            },
            "weight-mono-regular": {
              "css": "--flux-weight-mono-regular",
              "value": "400"
            },
            "weight-mono-medium": {
              "css": "--flux-weight-mono-medium",
              "value": "500"
            },
            "weight-mono-bold": {
              "css": "--flux-weight-mono-bold",
              "value": "700"
            },
            "text-xs": {
              "css": "--flux-text-xs",
              "value": "0.75rem"
            },
            "text-sm": {
              "css": "--flux-text-sm",
              "value": "0.875rem"
            },
            "text-base": {
              "css": "--flux-text-base",
              "value": "1rem"
            },
            "text-lg": {
              "css": "--flux-text-lg",
              "value": "1.125rem"
            },
            "text-xl": {
              "css": "--flux-text-xl",
              "value": "1.25rem"
            },
            "text-2xl": {
              "css": "--flux-text-2xl",
              "value": "1.5rem"
            },
            "text-3xl": {
              "css": "--flux-text-3xl",
              "value": "1.875rem"
            },
            "text-4xl": {
              "css": "--flux-text-4xl",
              "value": "2.25rem"
            },
            "text-5xl": {
              "css": "--flux-text-5xl",
              "value": "3rem"
            },
            "text-6xl": {
              "css": "--flux-text-6xl",
              "value": "3.75rem"
            },
            "display-sm": {
              "css": "--flux-display-sm",
              "value": "4.5rem"
            },
            "display-md": {
              "css": "--flux-display-md",
              "value": "6rem"
            },
            "display-lg": {
              "css": "--flux-display-lg",
              "value": "8rem"
            },
            "display-xl": {
              "css": "--flux-display-xl",
              "value": "10.5rem"
            },
            "prototype-font-display": {
              "css": "--flux-prototype-font-display",
              "value": "'Google Sans Flex', 'Manrope', system-ui, -apple-system, sans-serif"
            },
            "prototype-font-ui": {
              "css": "--flux-prototype-font-ui",
              "value": "'Manrope', system-ui, -apple-system, sans-serif"
            },
            "prototype-weight-regular": {
              "css": "--flux-prototype-weight-regular",
              "value": "400"
            },
            "prototype-weight-medium": {
              "css": "--flux-prototype-weight-medium",
              "value": "500"
            },
            "prototype-weight-semibold": {
              "css": "--flux-prototype-weight-semibold",
              "value": "600"
            },
            "prototype-weight-bold": {
              "css": "--flux-prototype-weight-bold",
              "value": "700"
            },
            "prototype-text-label": {
              "css": "--flux-prototype-text-label",
              "value": "0.8125rem"
            },
            "prototype-text-kpi": {
              "css": "--flux-prototype-text-kpi",
              "value": "3.5rem"
            },
            "leading-display": {
              "css": "--flux-leading-display",
              "value": "1"
            },
            "leading-tight": {
              "css": "--flux-leading-tight",
              "value": "1.15"
            },
            "leading-snug": {
              "css": "--flux-leading-snug",
              "value": "1.3"
            },
            "leading-normal": {
              "css": "--flux-leading-normal",
              "value": "1.55"
            },
            "leading-relaxed": {
              "css": "--flux-leading-relaxed",
              "value": "1.7"
            },
            "tracking-tighter": {
              "css": "--flux-tracking-tighter",
              "value": "-0.05em"
            },
            "tracking-tight": {
              "css": "--flux-tracking-tight",
              "value": "-0.02em"
            },
            "tracking-normal": {
              "css": "--flux-tracking-normal",
              "value": "0"
            },
            "tracking-wide": {
              "css": "--flux-tracking-wide",
              "value": "0.05em"
            },
            "tracking-widest": {
              "css": "--flux-tracking-widest",
              "value": "0.12em"
            }
          }
        },
        {
          "label": "Spacing — 4px grid",
          "tokens": {
            "space-0": {
              "css": "--flux-space-0",
              "value": "0"
            },
            "space-px": {
              "css": "--flux-space-px",
              "value": "1px"
            },
            "space-1": {
              "css": "--flux-space-1",
              "value": "0.25rem"
            },
            "space-2": {
              "css": "--flux-space-2",
              "value": "0.5rem"
            },
            "space-3": {
              "css": "--flux-space-3",
              "value": "0.75rem"
            },
            "space-4": {
              "css": "--flux-space-4",
              "value": "1rem"
            },
            "space-5": {
              "css": "--flux-space-5",
              "value": "1.25rem"
            },
            "space-6": {
              "css": "--flux-space-6",
              "value": "1.5rem"
            },
            "space-8": {
              "css": "--flux-space-8",
              "value": "2rem"
            },
            "space-10": {
              "css": "--flux-space-10",
              "value": "2.5rem"
            },
            "space-12": {
              "css": "--flux-space-12",
              "value": "3rem"
            },
            "space-16": {
              "css": "--flux-space-16",
              "value": "4rem"
            },
            "space-20": {
              "css": "--flux-space-20",
              "value": "5rem"
            },
            "space-24": {
              "css": "--flux-space-24",
              "value": "6rem"
            },
            "space-32": {
              "css": "--flux-space-32",
              "value": "8rem"
            }
          }
        },
        {
          "label": "Radius",
          "tokens": {
            "radius-none": {
              "css": "--flux-radius-none",
              "value": "0"
            },
            "radius-xs": {
              "css": "--flux-radius-xs",
              "value": "0.125rem"
            },
            "radius-sm": {
              "css": "--flux-radius-sm",
              "value": "0.25rem"
            },
            "radius-md": {
              "css": "--flux-radius-md",
              "value": "0.5rem"
            },
            "radius-lg": {
              "css": "--flux-radius-lg",
              "value": "0.75rem"
            },
            "radius-xl": {
              "css": "--flux-radius-xl",
              "value": "1rem"
            },
            "radius-2xl": {
              "css": "--flux-radius-2xl",
              "value": "1.5rem"
            },
            "radius-full": {
              "css": "--flux-radius-full",
              "value": "9999px"
            }
          }
        },
        {
          "label": "Layout",
          "tokens": {
            "measure-prose": {
              "css": "--flux-measure-prose",
              "value": "38rem"
            },
            "measure-content": {
              "css": "--flux-measure-content",
              "value": "62rem"
            },
            "measure-wide": {
              "css": "--flux-measure-wide",
              "value": "78rem"
            },
            "gutter": {
              "css": "--flux-gutter",
              "value": "clamp(1.25rem, 4vw, 3rem)"
            },
            "seam-gap": {
              "css": "--flux-seam-gap",
              "value": "4.5rem"
            },
            "hairline": {
              "css": "--flux-hairline",
              "value": "1px"
            }
          }
        },
        {
          "label": "Motion",
          "tokens": {
            "ease": {
              "css": "--flux-ease",
              "value": "cubic-bezier(0.4, 0, 0.2, 1)"
            },
            "ease-productive": {
              "css": "--flux-ease-productive",
              "value": "cubic-bezier(0.2, 0, 0.38, 0.9)"
            },
            "ease-expressive": {
              "css": "--flux-ease-expressive",
              "value": "cubic-bezier(0.4, 0.14, 0.3, 1)"
            },
            "ease-entrance": {
              "css": "--flux-ease-entrance",
              "value": "cubic-bezier(0, 0, 0.38, 0.9)"
            },
            "ease-exit": {
              "css": "--flux-ease-exit",
              "value": "cubic-bezier(0.2, 0, 1, 0.9)"
            },
            "duration-fast": {
              "css": "--flux-duration-fast",
              "value": "150ms"
            },
            "duration-normal": {
              "css": "--flux-duration-normal",
              "value": "200ms"
            },
            "duration-slow": {
              "css": "--flux-duration-slow",
              "value": "300ms"
            },
            "duration-deliberate": {
              "css": "--flux-duration-deliberate",
              "value": "480ms"
            }
          }
        }
      ]
    },
    "semantic": {
      "description": "Reference this tier. Every token names a role and resolves per theme.",
      "groups": [
        {
          "label": "Text",
          "note": "Every value meets WCAG 2.2 AA on its own theme ground. Body and primary target AAA (7:1). `text-disabled` is exempt per WCAG 1.4.3.",
          "keys": [
            "--flux-text-primary",
            "--flux-text-secondary",
            "--flux-text-subtle",
            "--flux-text-placeholder",
            "--flux-text-disabled",
            "--flux-text-on-color",
            "--flux-text-on-cta",
            "--flux-text-inverse",
            "--flux-text-link",
            "--flux-text-link-hover",
            "--flux-text-brand",
            "--flux-text-error",
            "--flux-text-success",
            "--flux-text-warning",
            "--flux-text-info"
          ]
        },
        {
          "label": "Layer — elevation",
          "note": "Nesting model, after Carbon. A surface placed on layer-01 uses layer-02, and so on. Not to be confused with the product accents --flux-product-* (formerly --flux-layer-core and friends).",
          "keys": [
            "--flux-layer-00",
            "--flux-layer-01",
            "--flux-layer-02",
            "--flux-layer-03",
            "--flux-layer-hover-01",
            "--flux-layer-hover-02",
            "--flux-layer-hover-03"
          ]
        },
        {
          "label": "Surface",
          "note": null,
          "keys": [
            "--flux-surface-page",
            "--flux-surface",
            "--flux-surface-alt",
            "--flux-surface-raised",
            "--flux-surface-overlay",
            "--flux-surface-sunken",
            "--flux-surface-hover",
            "--flux-surface-active",
            "--flux-surface-selected",
            "--flux-surface-disabled",
            "--flux-surface-inverse",
            "--flux-surface-brand",
            "--flux-surface-brand-hover",
            "--flux-surface-brand-active",
            "--flux-surface-brand-subtle",
            "--flux-surface-cta",
            "--flux-surface-cta-hover",
            "--flux-surface-success-subtle",
            "--flux-surface-warning-subtle",
            "--flux-surface-error-subtle",
            "--flux-surface-info-subtle",
            "--flux-surface-backdrop"
          ]
        },
        {
          "label": "Border",
          "note": null,
          "keys": [
            "--flux-border-subtle",
            "--flux-border-default",
            "--flux-border-strong",
            "--flux-border-interactive",
            "--flux-border-brand",
            "--flux-border-focus",
            "--flux-border-error",
            "--flux-border-disabled",
            "--flux-border-inverse"
          ]
        },
        {
          "label": "Icon",
          "note": null,
          "keys": [
            "--flux-icon-primary",
            "--flux-icon-secondary",
            "--flux-icon-subtle",
            "--flux-icon-on-color",
            "--flux-icon-brand",
            "--flux-icon-disabled"
          ]
        },
        {
          "label": "Chart",
          "note": "Series colours for data graphics, used in order, with chart-muted for the comparison series such as last year. Graphic only: never text. Each clears 3:1 against every layer of its theme (WCAG 1.4.11), and a chart still names every series in words. The sequential steps are one teal ramp for a heatmap, low to high, and each step has its own text role for the value printed on it.",
          "keys": [
            "--flux-chart-1",
            "--flux-chart-2",
            "--flux-chart-3",
            "--flux-chart-4",
            "--flux-chart-muted",
            "--flux-chart-sequential-1",
            "--flux-chart-sequential-2",
            "--flux-chart-sequential-3",
            "--flux-chart-sequential-4",
            "--flux-chart-sequential-5",
            "--flux-chart-sequential-text-1",
            "--flux-chart-sequential-text-2",
            "--flux-chart-sequential-text-3",
            "--flux-chart-sequential-text-4",
            "--flux-chart-sequential-text-5"
          ]
        },
        {
          "label": "Focus",
          "note": "Focus is Flux teal in every theme, never a browser or Tailwind default.",
          "keys": [
            "--flux-focus-ring",
            "--flux-focus-ring-inset",
            "--flux-focus-ring-width",
            "--flux-focus-ring-offset"
          ]
        },
        {
          "label": "Elevation shadow",
          "note": "Theme-aware. The teal-tinted light shadows are invisible on dark grounds, so dark and deep use black-based values.",
          "keys": [
            "--flux-shadow-sm",
            "--flux-shadow-md",
            "--flux-shadow-lg",
            "--flux-shadow-xl"
          ]
        },
        {
          "label": "Flux 1.x semantic aliases",
          "note": "Published in v1 and kept forever. Light-theme values are unchanged; they become theme-aware only for consumers who opt into a theme v1 never had. --flux-surface and --flux-surface-alt are the other two v1 aliases, emitted with the Surface group above.",
          "keys": [
            "--flux-background",
            "--flux-heading"
          ]
        }
      ],
      "themes": {
        "light": {
          "text-primary": {
            "css": "--flux-text-primary",
            "value": "var(--flux-black)"
          },
          "text-secondary": {
            "css": "--flux-text-secondary",
            "value": "var(--flux-grey-700)"
          },
          "text-subtle": {
            "css": "--flux-text-subtle",
            "value": "var(--flux-grey-500)"
          },
          "text-placeholder": {
            "css": "--flux-text-placeholder",
            "value": "var(--flux-grey-300)"
          },
          "text-disabled": {
            "css": "--flux-text-disabled",
            "value": "var(--flux-grey-200)"
          },
          "text-on-color": {
            "css": "--flux-text-on-color",
            "value": "var(--flux-white)"
          },
          "text-on-cta": {
            "css": "--flux-text-on-cta",
            "value": "var(--flux-black)"
          },
          "text-inverse": {
            "css": "--flux-text-inverse",
            "value": "var(--flux-white)"
          },
          "text-link": {
            "css": "--flux-text-link",
            "value": "var(--flux-primary-400)"
          },
          "text-link-hover": {
            "css": "--flux-text-link-hover",
            "value": "var(--flux-primary-600)"
          },
          "text-brand": {
            "css": "--flux-text-brand",
            "value": "var(--flux-primary-600)"
          },
          "text-error": {
            "css": "--flux-text-error",
            "value": "var(--flux-error)"
          },
          "text-success": {
            "css": "--flux-text-success",
            "value": "var(--flux-success)"
          },
          "text-warning": {
            "css": "--flux-text-warning",
            "value": "var(--flux-warning)"
          },
          "text-info": {
            "css": "--flux-text-info",
            "value": "var(--flux-info)"
          },
          "layer-00": {
            "css": "--flux-layer-00",
            "value": "var(--flux-canvas)"
          },
          "layer-01": {
            "css": "--flux-layer-01",
            "value": "var(--flux-white)"
          },
          "layer-02": {
            "css": "--flux-layer-02",
            "value": "var(--flux-neutral-50)"
          },
          "layer-03": {
            "css": "--flux-layer-03",
            "value": "var(--flux-neutral-100)"
          },
          "layer-hover-01": {
            "css": "--flux-layer-hover-01",
            "value": "var(--flux-neutral-50)"
          },
          "layer-hover-02": {
            "css": "--flux-layer-hover-02",
            "value": "var(--flux-neutral-100)"
          },
          "layer-hover-03": {
            "css": "--flux-layer-hover-03",
            "value": "var(--flux-neutral-200)"
          },
          "surface-page": {
            "css": "--flux-surface-page",
            "value": "var(--flux-canvas)"
          },
          "surface": {
            "css": "--flux-surface",
            "value": "var(--flux-white)"
          },
          "surface-alt": {
            "css": "--flux-surface-alt",
            "value": "var(--flux-grey-50)"
          },
          "surface-raised": {
            "css": "--flux-surface-raised",
            "value": "var(--flux-white)"
          },
          "surface-overlay": {
            "css": "--flux-surface-overlay",
            "value": "var(--flux-white)"
          },
          "surface-sunken": {
            "css": "--flux-surface-sunken",
            "value": "var(--flux-neutral-50)"
          },
          "surface-hover": {
            "css": "--flux-surface-hover",
            "value": "var(--flux-neutral-50)"
          },
          "surface-active": {
            "css": "--flux-surface-active",
            "value": "var(--flux-neutral-100)"
          },
          "surface-selected": {
            "css": "--flux-surface-selected",
            "value": "var(--flux-primary-50)"
          },
          "surface-disabled": {
            "css": "--flux-surface-disabled",
            "value": "var(--flux-grey-50)"
          },
          "surface-inverse": {
            "css": "--flux-surface-inverse",
            "value": "var(--flux-primary-800)"
          },
          "surface-brand": {
            "css": "--flux-surface-brand",
            "value": "var(--flux-primary-600)"
          },
          "surface-brand-hover": {
            "css": "--flux-surface-brand-hover",
            "value": "var(--flux-primary-500)"
          },
          "surface-brand-active": {
            "css": "--flux-surface-brand-active",
            "value": "var(--flux-primary-700)"
          },
          "surface-brand-subtle": {
            "css": "--flux-surface-brand-subtle",
            "value": "var(--flux-primary-100)"
          },
          "surface-cta": {
            "css": "--flux-surface-cta",
            "value": "var(--flux-yellow-400)"
          },
          "surface-cta-hover": {
            "css": "--flux-surface-cta-hover",
            "value": "var(--flux-yellow-300)"
          },
          "surface-success-subtle": {
            "css": "--flux-surface-success-subtle",
            "value": "var(--flux-green-100)"
          },
          "surface-warning-subtle": {
            "css": "--flux-surface-warning-subtle",
            "value": "var(--flux-yellow-100)"
          },
          "surface-error-subtle": {
            "css": "--flux-surface-error-subtle",
            "value": "var(--flux-orange-100)"
          },
          "surface-info-subtle": {
            "css": "--flux-surface-info-subtle",
            "value": "var(--flux-primary-100)"
          },
          "surface-backdrop": {
            "css": "--flux-surface-backdrop",
            "value": "rgba(3, 46, 54, 0.5)"
          },
          "border-subtle": {
            "css": "--flux-border-subtle",
            "value": "var(--flux-grey-100)"
          },
          "border-default": {
            "css": "--flux-border-default",
            "value": "var(--flux-grey-200)"
          },
          "border-strong": {
            "css": "--flux-border-strong",
            "value": "var(--flux-grey-300)"
          },
          "border-interactive": {
            "css": "--flux-border-interactive",
            "value": "var(--flux-primary-400)"
          },
          "border-brand": {
            "css": "--flux-border-brand",
            "value": "var(--flux-primary-600)"
          },
          "border-focus": {
            "css": "--flux-border-focus",
            "value": "var(--flux-primary-400)"
          },
          "border-error": {
            "css": "--flux-border-error",
            "value": "var(--flux-error)"
          },
          "border-disabled": {
            "css": "--flux-border-disabled",
            "value": "var(--flux-grey-100)"
          },
          "border-inverse": {
            "css": "--flux-border-inverse",
            "value": "var(--flux-primary-700)"
          },
          "icon-primary": {
            "css": "--flux-icon-primary",
            "value": "var(--flux-black)"
          },
          "icon-secondary": {
            "css": "--flux-icon-secondary",
            "value": "var(--flux-grey-500)"
          },
          "icon-subtle": {
            "css": "--flux-icon-subtle",
            "value": "var(--flux-grey-300)"
          },
          "icon-on-color": {
            "css": "--flux-icon-on-color",
            "value": "var(--flux-white)"
          },
          "icon-brand": {
            "css": "--flux-icon-brand",
            "value": "var(--flux-primary-400)"
          },
          "icon-disabled": {
            "css": "--flux-icon-disabled",
            "value": "var(--flux-grey-200)"
          },
          "chart-1": {
            "css": "--flux-chart-1",
            "value": "var(--flux-primary-400)"
          },
          "chart-2": {
            "css": "--flux-chart-2",
            "value": "var(--flux-purple-600)"
          },
          "chart-3": {
            "css": "--flux-chart-3",
            "value": "var(--flux-pink-600)"
          },
          "chart-4": {
            "css": "--flux-chart-4",
            "value": "var(--flux-yellow-800)"
          },
          "chart-muted": {
            "css": "--flux-chart-muted",
            "value": "var(--flux-neutral-500)"
          },
          "chart-sequential-1": {
            "css": "--flux-chart-sequential-1",
            "value": "var(--flux-primary-100)"
          },
          "chart-sequential-2": {
            "css": "--flux-chart-sequential-2",
            "value": "var(--flux-primary-200)"
          },
          "chart-sequential-3": {
            "css": "--flux-chart-sequential-3",
            "value": "var(--flux-primary-300)"
          },
          "chart-sequential-4": {
            "css": "--flux-chart-sequential-4",
            "value": "var(--flux-primary-500)"
          },
          "chart-sequential-5": {
            "css": "--flux-chart-sequential-5",
            "value": "var(--flux-primary-800)"
          },
          "chart-sequential-text-1": {
            "css": "--flux-chart-sequential-text-1",
            "value": "var(--flux-black)"
          },
          "chart-sequential-text-2": {
            "css": "--flux-chart-sequential-text-2",
            "value": "var(--flux-black)"
          },
          "chart-sequential-text-3": {
            "css": "--flux-chart-sequential-text-3",
            "value": "var(--flux-black)"
          },
          "chart-sequential-text-4": {
            "css": "--flux-chart-sequential-text-4",
            "value": "var(--flux-white)"
          },
          "chart-sequential-text-5": {
            "css": "--flux-chart-sequential-text-5",
            "value": "var(--flux-white)"
          },
          "focus-ring": {
            "css": "--flux-focus-ring",
            "value": "var(--flux-primary-400)"
          },
          "focus-ring-inset": {
            "css": "--flux-focus-ring-inset",
            "value": "var(--flux-white)"
          },
          "focus-ring-width": {
            "css": "--flux-focus-ring-width",
            "value": "2px"
          },
          "focus-ring-offset": {
            "css": "--flux-focus-ring-offset",
            "value": "2px"
          },
          "shadow-sm": {
            "css": "--flux-shadow-sm",
            "value": "0 1px 2px 0 rgba(3, 46, 54, 0.05)"
          },
          "shadow-md": {
            "css": "--flux-shadow-md",
            "value": "0 4px 6px -1px rgba(3, 46, 54, 0.07), 0 2px 4px -2px rgba(3, 46, 54, 0.05)"
          },
          "shadow-lg": {
            "css": "--flux-shadow-lg",
            "value": "0 10px 15px -3px rgba(3, 46, 54, 0.08), 0 4px 6px -4px rgba(3, 46, 54, 0.04)"
          },
          "shadow-xl": {
            "css": "--flux-shadow-xl",
            "value": "0 20px 25px -5px rgba(3, 46, 54, 0.08), 0 8px 10px -6px rgba(3, 46, 54, 0.04)"
          },
          "background": {
            "css": "--flux-background",
            "value": "var(--flux-canvas)"
          },
          "heading": {
            "css": "--flux-heading",
            "value": "var(--flux-primary-800)"
          }
        },
        "dark": {
          "text-primary": {
            "css": "--flux-text-primary",
            "value": "var(--flux-neutral-50)"
          },
          "text-secondary": {
            "css": "--flux-text-secondary",
            "value": "var(--flux-neutral-100)"
          },
          "text-subtle": {
            "css": "--flux-text-subtle",
            "value": "var(--flux-neutral-200)"
          },
          "text-placeholder": {
            "css": "--flux-text-placeholder",
            "value": "var(--flux-neutral-300)"
          },
          "text-disabled": {
            "css": "--flux-text-disabled",
            "value": "var(--flux-neutral-600)"
          },
          "text-on-color": {
            "css": "--flux-text-on-color",
            "value": "var(--flux-white)"
          },
          "text-on-cta": {
            "css": "--flux-text-on-cta",
            "value": "var(--flux-black)"
          },
          "text-inverse": {
            "css": "--flux-text-inverse",
            "value": "var(--flux-black)"
          },
          "text-link": {
            "css": "--flux-text-link",
            "value": "var(--flux-primary-200)"
          },
          "text-link-hover": {
            "css": "--flux-text-link-hover",
            "value": "var(--flux-primary-100)"
          },
          "text-brand": {
            "css": "--flux-text-brand",
            "value": "var(--flux-primary-200)"
          },
          "text-error": {
            "css": "--flux-text-error",
            "value": "var(--flux-orange-300)"
          },
          "text-success": {
            "css": "--flux-text-success",
            "value": "var(--flux-green-300)"
          },
          "text-warning": {
            "css": "--flux-text-warning",
            "value": "var(--flux-yellow-300)"
          },
          "text-info": {
            "css": "--flux-text-info",
            "value": "var(--flux-primary-200)"
          },
          "layer-00": {
            "css": "--flux-layer-00",
            "value": "var(--flux-neutral-950)"
          },
          "layer-01": {
            "css": "--flux-layer-01",
            "value": "var(--flux-neutral-900)"
          },
          "layer-02": {
            "css": "--flux-layer-02",
            "value": "var(--flux-neutral-800)"
          },
          "layer-03": {
            "css": "--flux-layer-03",
            "value": "var(--flux-neutral-700)"
          },
          "layer-hover-01": {
            "css": "--flux-layer-hover-01",
            "value": "var(--flux-neutral-800)"
          },
          "layer-hover-02": {
            "css": "--flux-layer-hover-02",
            "value": "var(--flux-neutral-700)"
          },
          "layer-hover-03": {
            "css": "--flux-layer-hover-03",
            "value": "var(--flux-neutral-600)"
          },
          "surface-page": {
            "css": "--flux-surface-page",
            "value": "var(--flux-neutral-950)"
          },
          "surface": {
            "css": "--flux-surface",
            "value": "var(--flux-neutral-900)"
          },
          "surface-alt": {
            "css": "--flux-surface-alt",
            "value": "var(--flux-neutral-800)"
          },
          "surface-raised": {
            "css": "--flux-surface-raised",
            "value": "var(--flux-neutral-800)"
          },
          "surface-overlay": {
            "css": "--flux-surface-overlay",
            "value": "var(--flux-neutral-800)"
          },
          "surface-sunken": {
            "css": "--flux-surface-sunken",
            "value": "var(--flux-neutral-950)"
          },
          "surface-hover": {
            "css": "--flux-surface-hover",
            "value": "var(--flux-neutral-800)"
          },
          "surface-active": {
            "css": "--flux-surface-active",
            "value": "var(--flux-neutral-700)"
          },
          "surface-selected": {
            "css": "--flux-surface-selected",
            "value": "var(--flux-primary-800)"
          },
          "surface-disabled": {
            "css": "--flux-surface-disabled",
            "value": "var(--flux-neutral-800)"
          },
          "surface-inverse": {
            "css": "--flux-surface-inverse",
            "value": "var(--flux-neutral-50)"
          },
          "surface-brand": {
            "css": "--flux-surface-brand",
            "value": "var(--flux-primary-400)"
          },
          "surface-brand-hover": {
            "css": "--flux-surface-brand-hover",
            "value": "color-mix(in srgb, var(--flux-primary-400) 85%, #FFFFFF)"
          },
          "surface-brand-active": {
            "css": "--flux-surface-brand-active",
            "value": "color-mix(in srgb, var(--flux-primary-400) 70%, #FFFFFF)"
          },
          "surface-brand-subtle": {
            "css": "--flux-surface-brand-subtle",
            "value": "var(--flux-primary-900)"
          },
          "surface-cta": {
            "css": "--flux-surface-cta",
            "value": "var(--flux-yellow-400)"
          },
          "surface-cta-hover": {
            "css": "--flux-surface-cta-hover",
            "value": "var(--flux-yellow-300)"
          },
          "surface-success-subtle": {
            "css": "--flux-surface-success-subtle",
            "value": "var(--flux-green-900)"
          },
          "surface-warning-subtle": {
            "css": "--flux-surface-warning-subtle",
            "value": "var(--flux-yellow-900)"
          },
          "surface-error-subtle": {
            "css": "--flux-surface-error-subtle",
            "value": "var(--flux-orange-900)"
          },
          "surface-info-subtle": {
            "css": "--flux-surface-info-subtle",
            "value": "var(--flux-primary-800)"
          },
          "surface-backdrop": {
            "css": "--flux-surface-backdrop",
            "value": "rgba(0, 0, 0, 0.65)"
          },
          "border-subtle": {
            "css": "--flux-border-subtle",
            "value": "var(--flux-neutral-800)"
          },
          "border-default": {
            "css": "--flux-border-default",
            "value": "var(--flux-neutral-700)"
          },
          "border-strong": {
            "css": "--flux-border-strong",
            "value": "var(--flux-neutral-400)"
          },
          "border-interactive": {
            "css": "--flux-border-interactive",
            "value": "var(--flux-primary-300)"
          },
          "border-brand": {
            "css": "--flux-border-brand",
            "value": "var(--flux-primary-300)"
          },
          "border-focus": {
            "css": "--flux-border-focus",
            "value": "var(--flux-primary-300)"
          },
          "border-error": {
            "css": "--flux-border-error",
            "value": "var(--flux-orange-300)"
          },
          "border-disabled": {
            "css": "--flux-border-disabled",
            "value": "var(--flux-neutral-800)"
          },
          "border-inverse": {
            "css": "--flux-border-inverse",
            "value": "var(--flux-neutral-100)"
          },
          "icon-primary": {
            "css": "--flux-icon-primary",
            "value": "var(--flux-neutral-50)"
          },
          "icon-secondary": {
            "css": "--flux-icon-secondary",
            "value": "var(--flux-neutral-200)"
          },
          "icon-subtle": {
            "css": "--flux-icon-subtle",
            "value": "var(--flux-neutral-400)"
          },
          "icon-on-color": {
            "css": "--flux-icon-on-color",
            "value": "var(--flux-white)"
          },
          "icon-brand": {
            "css": "--flux-icon-brand",
            "value": "var(--flux-primary-300)"
          },
          "icon-disabled": {
            "css": "--flux-icon-disabled",
            "value": "var(--flux-neutral-600)"
          },
          "chart-1": {
            "css": "--flux-chart-1",
            "value": "var(--flux-primary-300)"
          },
          "chart-2": {
            "css": "--flux-chart-2",
            "value": "var(--flux-purple-300)"
          },
          "chart-3": {
            "css": "--flux-chart-3",
            "value": "var(--flux-pink-300)"
          },
          "chart-4": {
            "css": "--flux-chart-4",
            "value": "var(--flux-yellow-400)"
          },
          "chart-muted": {
            "css": "--flux-chart-muted",
            "value": "var(--flux-neutral-400)"
          },
          "chart-sequential-1": {
            "css": "--flux-chart-sequential-1",
            "value": "var(--flux-primary-800)"
          },
          "chart-sequential-2": {
            "css": "--flux-chart-sequential-2",
            "value": "var(--flux-primary-600)"
          },
          "chart-sequential-3": {
            "css": "--flux-chart-sequential-3",
            "value": "var(--flux-primary-400)"
          },
          "chart-sequential-4": {
            "css": "--flux-chart-sequential-4",
            "value": "var(--flux-primary-300)"
          },
          "chart-sequential-5": {
            "css": "--flux-chart-sequential-5",
            "value": "var(--flux-primary-100)"
          },
          "chart-sequential-text-1": {
            "css": "--flux-chart-sequential-text-1",
            "value": "var(--flux-white)"
          },
          "chart-sequential-text-2": {
            "css": "--flux-chart-sequential-text-2",
            "value": "var(--flux-white)"
          },
          "chart-sequential-text-3": {
            "css": "--flux-chart-sequential-text-3",
            "value": "var(--flux-white)"
          },
          "chart-sequential-text-4": {
            "css": "--flux-chart-sequential-text-4",
            "value": "var(--flux-primary-900)"
          },
          "chart-sequential-text-5": {
            "css": "--flux-chart-sequential-text-5",
            "value": "var(--flux-primary-900)"
          },
          "focus-ring": {
            "css": "--flux-focus-ring",
            "value": "var(--flux-primary-300)"
          },
          "focus-ring-inset": {
            "css": "--flux-focus-ring-inset",
            "value": "var(--flux-neutral-950)"
          },
          "focus-ring-width": {
            "css": "--flux-focus-ring-width",
            "value": "2px"
          },
          "focus-ring-offset": {
            "css": "--flux-focus-ring-offset",
            "value": "2px"
          },
          "shadow-sm": {
            "css": "--flux-shadow-sm",
            "value": "0 1px 2px 0 rgba(0, 0, 0, 0.4)"
          },
          "shadow-md": {
            "css": "--flux-shadow-md",
            "value": "0 4px 6px -1px rgba(0, 0, 0, 0.45), 0 2px 4px -2px rgba(0, 0, 0, 0.4)"
          },
          "shadow-lg": {
            "css": "--flux-shadow-lg",
            "value": "0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -4px rgba(0, 0, 0, 0.4)"
          },
          "shadow-xl": {
            "css": "--flux-shadow-xl",
            "value": "0 20px 25px -5px rgba(0, 0, 0, 0.55), 0 8px 10px -6px rgba(0, 0, 0, 0.4)"
          },
          "background": {
            "css": "--flux-background",
            "value": "var(--flux-neutral-950)"
          },
          "heading": {
            "css": "--flux-heading",
            "value": "var(--flux-neutral-50)"
          }
        },
        "deep": {
          "text-primary": {
            "css": "--flux-text-primary",
            "value": "var(--flux-white)"
          },
          "text-secondary": {
            "css": "--flux-text-secondary",
            "value": "var(--flux-primary-100)"
          },
          "text-subtle": {
            "css": "--flux-text-subtle",
            "value": "var(--flux-primary-200)"
          },
          "text-placeholder": {
            "css": "--flux-text-placeholder",
            "value": "var(--flux-primary-200)"
          },
          "text-disabled": {
            "css": "--flux-text-disabled",
            "value": "var(--flux-primary-600)"
          },
          "text-on-color": {
            "css": "--flux-text-on-color",
            "value": "var(--flux-white)"
          },
          "text-on-cta": {
            "css": "--flux-text-on-cta",
            "value": "var(--flux-black)"
          },
          "text-inverse": {
            "css": "--flux-text-inverse",
            "value": "var(--flux-black)"
          },
          "text-link": {
            "css": "--flux-text-link",
            "value": "var(--flux-primary-200)"
          },
          "text-link-hover": {
            "css": "--flux-text-link-hover",
            "value": "var(--flux-white)"
          },
          "text-brand": {
            "css": "--flux-text-brand",
            "value": "var(--flux-primary-200)"
          },
          "text-error": {
            "css": "--flux-text-error",
            "value": "var(--flux-orange-300)"
          },
          "text-success": {
            "css": "--flux-text-success",
            "value": "var(--flux-green-300)"
          },
          "text-warning": {
            "css": "--flux-text-warning",
            "value": "var(--flux-yellow-300)"
          },
          "text-info": {
            "css": "--flux-text-info",
            "value": "var(--flux-primary-200)"
          },
          "layer-00": {
            "css": "--flux-layer-00",
            "value": "var(--flux-primary-800)"
          },
          "layer-01": {
            "css": "--flux-layer-01",
            "value": "var(--flux-primary-700)"
          },
          "layer-02": {
            "css": "--flux-layer-02",
            "value": "var(--flux-primary-600)"
          },
          "layer-03": {
            "css": "--flux-layer-03",
            "value": "var(--flux-primary-600)"
          },
          "layer-hover-01": {
            "css": "--flux-layer-hover-01",
            "value": "var(--flux-primary-600)"
          },
          "layer-hover-02": {
            "css": "--flux-layer-hover-02",
            "value": "var(--flux-primary-500)"
          },
          "layer-hover-03": {
            "css": "--flux-layer-hover-03",
            "value": "var(--flux-primary-500)"
          },
          "surface-page": {
            "css": "--flux-surface-page",
            "value": "var(--flux-primary-800)"
          },
          "surface": {
            "css": "--flux-surface",
            "value": "var(--flux-primary-700)"
          },
          "surface-alt": {
            "css": "--flux-surface-alt",
            "value": "var(--flux-primary-600)"
          },
          "surface-raised": {
            "css": "--flux-surface-raised",
            "value": "var(--flux-primary-700)"
          },
          "surface-overlay": {
            "css": "--flux-surface-overlay",
            "value": "var(--flux-primary-700)"
          },
          "surface-sunken": {
            "css": "--flux-surface-sunken",
            "value": "var(--flux-primary-900)"
          },
          "surface-hover": {
            "css": "--flux-surface-hover",
            "value": "var(--flux-primary-700)"
          },
          "surface-active": {
            "css": "--flux-surface-active",
            "value": "var(--flux-primary-600)"
          },
          "surface-selected": {
            "css": "--flux-surface-selected",
            "value": "var(--flux-primary-600)"
          },
          "surface-disabled": {
            "css": "--flux-surface-disabled",
            "value": "var(--flux-primary-700)"
          },
          "surface-inverse": {
            "css": "--flux-surface-inverse",
            "value": "var(--flux-white)"
          },
          "surface-brand": {
            "css": "--flux-surface-brand",
            "value": "var(--flux-primary-400)"
          },
          "surface-brand-hover": {
            "css": "--flux-surface-brand-hover",
            "value": "color-mix(in srgb, var(--flux-primary-400) 85%, #FFFFFF)"
          },
          "surface-brand-active": {
            "css": "--flux-surface-brand-active",
            "value": "color-mix(in srgb, var(--flux-primary-400) 70%, #FFFFFF)"
          },
          "surface-brand-subtle": {
            "css": "--flux-surface-brand-subtle",
            "value": "var(--flux-primary-700)"
          },
          "surface-cta": {
            "css": "--flux-surface-cta",
            "value": "var(--flux-yellow-400)"
          },
          "surface-cta-hover": {
            "css": "--flux-surface-cta-hover",
            "value": "var(--flux-yellow-300)"
          },
          "surface-success-subtle": {
            "css": "--flux-surface-success-subtle",
            "value": "var(--flux-green-900)"
          },
          "surface-warning-subtle": {
            "css": "--flux-surface-warning-subtle",
            "value": "var(--flux-yellow-900)"
          },
          "surface-error-subtle": {
            "css": "--flux-surface-error-subtle",
            "value": "var(--flux-orange-900)"
          },
          "surface-info-subtle": {
            "css": "--flux-surface-info-subtle",
            "value": "var(--flux-primary-500)"
          },
          "surface-backdrop": {
            "css": "--flux-surface-backdrop",
            "value": "rgba(2, 30, 36, 0.7)"
          },
          "border-subtle": {
            "css": "--flux-border-subtle",
            "value": "var(--flux-primary-700)"
          },
          "border-default": {
            "css": "--flux-border-default",
            "value": "var(--flux-primary-600)"
          },
          "border-strong": {
            "css": "--flux-border-strong",
            "value": "var(--flux-primary-300)"
          },
          "border-interactive": {
            "css": "--flux-border-interactive",
            "value": "var(--flux-primary-300)"
          },
          "border-brand": {
            "css": "--flux-border-brand",
            "value": "var(--flux-primary-300)"
          },
          "border-focus": {
            "css": "--flux-border-focus",
            "value": "var(--flux-primary-300)"
          },
          "border-error": {
            "css": "--flux-border-error",
            "value": "var(--flux-orange-300)"
          },
          "border-disabled": {
            "css": "--flux-border-disabled",
            "value": "var(--flux-primary-700)"
          },
          "border-inverse": {
            "css": "--flux-border-inverse",
            "value": "var(--flux-white)"
          },
          "icon-primary": {
            "css": "--flux-icon-primary",
            "value": "var(--flux-white)"
          },
          "icon-secondary": {
            "css": "--flux-icon-secondary",
            "value": "var(--flux-primary-200)"
          },
          "icon-subtle": {
            "css": "--flux-icon-subtle",
            "value": "var(--flux-primary-300)"
          },
          "icon-on-color": {
            "css": "--flux-icon-on-color",
            "value": "var(--flux-white)"
          },
          "icon-brand": {
            "css": "--flux-icon-brand",
            "value": "var(--flux-primary-200)"
          },
          "icon-disabled": {
            "css": "--flux-icon-disabled",
            "value": "var(--flux-primary-600)"
          },
          "chart-1": {
            "css": "--flux-chart-1",
            "value": "var(--flux-primary-200)"
          },
          "chart-2": {
            "css": "--flux-chart-2",
            "value": "var(--flux-purple-300)"
          },
          "chart-3": {
            "css": "--flux-chart-3",
            "value": "var(--flux-pink-300)"
          },
          "chart-4": {
            "css": "--flux-chart-4",
            "value": "var(--flux-yellow-400)"
          },
          "chart-muted": {
            "css": "--flux-chart-muted",
            "value": "var(--flux-neutral-400)"
          },
          "chart-sequential-1": {
            "css": "--flux-chart-sequential-1",
            "value": "var(--flux-primary-900)"
          },
          "chart-sequential-2": {
            "css": "--flux-chart-sequential-2",
            "value": "var(--flux-primary-500)"
          },
          "chart-sequential-3": {
            "css": "--flux-chart-sequential-3",
            "value": "var(--flux-primary-300)"
          },
          "chart-sequential-4": {
            "css": "--flux-chart-sequential-4",
            "value": "var(--flux-primary-200)"
          },
          "chart-sequential-5": {
            "css": "--flux-chart-sequential-5",
            "value": "var(--flux-primary-50)"
          },
          "chart-sequential-text-1": {
            "css": "--flux-chart-sequential-text-1",
            "value": "var(--flux-white)"
          },
          "chart-sequential-text-2": {
            "css": "--flux-chart-sequential-text-2",
            "value": "var(--flux-white)"
          },
          "chart-sequential-text-3": {
            "css": "--flux-chart-sequential-text-3",
            "value": "var(--flux-primary-900)"
          },
          "chart-sequential-text-4": {
            "css": "--flux-chart-sequential-text-4",
            "value": "var(--flux-primary-900)"
          },
          "chart-sequential-text-5": {
            "css": "--flux-chart-sequential-text-5",
            "value": "var(--flux-primary-900)"
          },
          "focus-ring": {
            "css": "--flux-focus-ring",
            "value": "var(--flux-primary-300)"
          },
          "focus-ring-inset": {
            "css": "--flux-focus-ring-inset",
            "value": "var(--flux-primary-800)"
          },
          "focus-ring-width": {
            "css": "--flux-focus-ring-width",
            "value": "2px"
          },
          "focus-ring-offset": {
            "css": "--flux-focus-ring-offset",
            "value": "2px"
          },
          "shadow-sm": {
            "css": "--flux-shadow-sm",
            "value": "0 1px 2px 0 rgba(0, 0, 0, 0.35)"
          },
          "shadow-md": {
            "css": "--flux-shadow-md",
            "value": "0 4px 6px -1px rgba(0, 0, 0, 0.4), 0 2px 4px -2px rgba(0, 0, 0, 0.35)"
          },
          "shadow-lg": {
            "css": "--flux-shadow-lg",
            "value": "0 10px 15px -3px rgba(0, 0, 0, 0.45), 0 4px 6px -4px rgba(0, 0, 0, 0.35)"
          },
          "shadow-xl": {
            "css": "--flux-shadow-xl",
            "value": "0 20px 25px -5px rgba(0, 0, 0, 0.5), 0 8px 10px -6px rgba(0, 0, 0, 0.35)"
          },
          "background": {
            "css": "--flux-background",
            "value": "var(--flux-primary-800)"
          },
          "heading": {
            "css": "--flux-heading",
            "value": "var(--flux-white)"
          }
        }
      }
    },
    "component": {
      "description": "Per-component geometry and role bindings. References the semantic tier, so it themes automatically.",
      "groups": [
        {
          "label": "Touch target",
          "tokens": {
            "touch-target": {
              "css": "--flux-touch-target",
              "value": "2.75rem"
            }
          }
        },
        {
          "label": "Button",
          "tokens": {
            "button-radius": {
              "css": "--flux-button-radius",
              "value": "var(--flux-radius-sm)"
            },
            "button-font-weight": {
              "css": "--flux-button-font-weight",
              "value": "var(--flux-weight-bold)"
            },
            "button-gap": {
              "css": "--flux-button-gap",
              "value": "var(--flux-space-2)"
            },
            "button-chevron-size": {
              "css": "--flux-button-chevron-size",
              "value": "var(--flux-space-4)"
            },
            "button-height-sm": {
              "css": "--flux-button-height-sm",
              "value": "1.875rem"
            },
            "button-height-md": {
              "css": "--flux-button-height-md",
              "value": "2.25rem"
            },
            "button-height-lg": {
              "css": "--flux-button-height-lg",
              "value": "2.75rem"
            },
            "button-padding-x-sm": {
              "css": "--flux-button-padding-x-sm",
              "value": "var(--flux-space-3)"
            },
            "button-padding-x-md": {
              "css": "--flux-button-padding-x-md",
              "value": "var(--flux-space-4)"
            },
            "button-padding-x-lg": {
              "css": "--flux-button-padding-x-lg",
              "value": "var(--flux-space-6)"
            },
            "button-font-size-sm": {
              "css": "--flux-button-font-size-sm",
              "value": "var(--flux-text-sm)"
            },
            "button-font-size-md": {
              "css": "--flux-button-font-size-md",
              "value": "var(--flux-text-sm)"
            },
            "button-font-size-lg": {
              "css": "--flux-button-font-size-lg",
              "value": "var(--flux-text-base)"
            }
          }
        },
        {
          "label": "Field — input, textarea, select, date picker",
          "tokens": {
            "field-height": {
              "css": "--flux-field-height",
              "value": "2.25rem"
            },
            "field-radius": {
              "css": "--flux-field-radius",
              "value": "var(--flux-radius-sm)"
            },
            "field-padding-x": {
              "css": "--flux-field-padding-x",
              "value": "var(--flux-space-3)"
            },
            "field-font-size": {
              "css": "--flux-field-font-size",
              "value": "var(--flux-text-sm)"
            },
            "field-bg": {
              "css": "--flux-field-bg",
              "value": "var(--flux-surface)"
            },
            "field-text": {
              "css": "--flux-field-text",
              "value": "var(--flux-text-primary)"
            },
            "field-placeholder": {
              "css": "--flux-field-placeholder",
              "value": "var(--flux-text-placeholder)"
            },
            "field-border": {
              "css": "--flux-field-border",
              "value": "var(--flux-border-strong)"
            },
            "field-border-hover": {
              "css": "--flux-field-border-hover",
              "value": "var(--flux-border-interactive)"
            },
            "field-border-focus": {
              "css": "--flux-field-border-focus",
              "value": "var(--flux-border-focus)"
            },
            "field-border-error": {
              "css": "--flux-field-border-error",
              "value": "var(--flux-border-error)"
            },
            "field-label-gap": {
              "css": "--flux-field-label-gap",
              "value": "var(--flux-space-1)"
            },
            "field-info-size": {
              "css": "--flux-field-info-size",
              "value": "var(--flux-space-6)"
            },
            "field-info-icon-size": {
              "css": "--flux-field-info-icon-size",
              "value": "var(--flux-space-4)"
            },
            "field-info-icon": {
              "css": "--flux-field-info-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "field-info-icon-hover": {
              "css": "--flux-field-info-icon-hover",
              "value": "var(--flux-icon-brand)"
            },
            "field-info-max-width": {
              "css": "--flux-field-info-max-width",
              "value": "18rem"
            },
            "field-info-padding-x": {
              "css": "--flux-field-info-padding-x",
              "value": "var(--flux-space-3)"
            },
            "field-info-padding-y": {
              "css": "--flux-field-info-padding-y",
              "value": "var(--flux-space-2)"
            },
            "field-info-bg": {
              "css": "--flux-field-info-bg",
              "value": "var(--flux-layer-01)"
            },
            "field-info-text": {
              "css": "--flux-field-info-text",
              "value": "var(--flux-text-secondary)"
            },
            "field-info-border": {
              "css": "--flux-field-info-border",
              "value": "var(--flux-border-subtle)"
            },
            "field-info-shadow": {
              "css": "--flux-field-info-shadow",
              "value": "var(--flux-shadow-md)"
            },
            "textarea-min-height": {
              "css": "--flux-textarea-min-height",
              "value": "6.25rem"
            },
            "select-chevron-size": {
              "css": "--flux-select-chevron-size",
              "value": "var(--flux-space-4)"
            },
            "select-panel-max-height": {
              "css": "--flux-select-panel-max-height",
              "value": "12.5rem"
            },
            "multiselect-panel-max-height": {
              "css": "--flux-multiselect-panel-max-height",
              "value": "12.5rem"
            },
            "datepicker-trigger-icon-size": {
              "css": "--flux-datepicker-trigger-icon-size",
              "value": "var(--flux-space-4)"
            },
            "datepicker-panel-width": {
              "css": "--flux-datepicker-panel-width",
              "value": "18rem"
            },
            "datepicker-panel-padding": {
              "css": "--flux-datepicker-panel-padding",
              "value": "var(--flux-space-4)"
            },
            "datepicker-panel-bg": {
              "css": "--flux-datepicker-panel-bg",
              "value": "var(--flux-surface-overlay)"
            },
            "datepicker-panel-border": {
              "css": "--flux-datepicker-panel-border",
              "value": "var(--flux-border-subtle)"
            },
            "datepicker-nav-size": {
              "css": "--flux-datepicker-nav-size",
              "value": "var(--flux-space-8)"
            },
            "datepicker-day-size": {
              "css": "--flux-datepicker-day-size",
              "value": "var(--flux-space-8)"
            },
            "datepicker-grid-gap": {
              "css": "--flux-datepicker-grid-gap",
              "value": "var(--flux-space-1)"
            },
            "datepicker-day-text": {
              "css": "--flux-datepicker-day-text",
              "value": "var(--flux-text-primary)"
            },
            "datepicker-weekday-text": {
              "css": "--flux-datepicker-weekday-text",
              "value": "var(--flux-text-subtle)"
            },
            "datepicker-selected-bg": {
              "css": "--flux-datepicker-selected-bg",
              "value": "var(--flux-surface-brand)"
            },
            "datepicker-selected-text": {
              "css": "--flux-datepicker-selected-text",
              "value": "var(--flux-text-on-color)"
            },
            "datepicker-range-bg": {
              "css": "--flux-datepicker-range-bg",
              "value": "var(--flux-surface-selected)"
            },
            "datepicker-today-border": {
              "css": "--flux-datepicker-today-border",
              "value": "var(--flux-border-interactive)"
            }
          }
        },
        {
          "label": "Control — checkbox, radio, switch",
          "tokens": {
            "control-size": {
              "css": "--flux-control-size",
              "value": "1.125rem"
            },
            "control-label-gap": {
              "css": "--flux-control-label-gap",
              "value": "var(--flux-space-2)"
            },
            "control-checked-bg": {
              "css": "--flux-control-checked-bg",
              "value": "var(--flux-surface-brand)"
            },
            "control-unchecked-border": {
              "css": "--flux-control-unchecked-border",
              "value": "var(--flux-border-strong)"
            },
            "control-check": {
              "css": "--flux-control-check",
              "value": "var(--flux-icon-on-color)"
            },
            "switch-track-width": {
              "css": "--flux-switch-track-width",
              "value": "2.75rem"
            },
            "switch-track-height": {
              "css": "--flux-switch-track-height",
              "value": "1.5rem"
            },
            "switch-thumb-inset": {
              "css": "--flux-switch-thumb-inset",
              "value": "var(--flux-space-1)"
            },
            "switch-thumb": {
              "css": "--flux-switch-thumb",
              "value": "var(--flux-icon-secondary)"
            },
            "control-radio-dot": {
              "css": "--flux-control-radio-dot",
              "value": "var(--flux-space-2)"
            },
            "choice-group-gap": {
              "css": "--flux-choice-group-gap",
              "value": "var(--flux-space-3)"
            },
            "choice-group-inline-gap": {
              "css": "--flux-choice-group-inline-gap",
              "value": "var(--flux-space-6)"
            }
          }
        },
        {
          "label": "Slider — a value or a range on a track",
          "tokens": {
            "slider-thumb-size": {
              "css": "--flux-slider-thumb-size",
              "value": "var(--flux-space-5)"
            },
            "slider-thumb-border-width": {
              "css": "--flux-slider-thumb-border-width",
              "value": "0.125rem"
            },
            "slider-thumb-bg": {
              "css": "--flux-slider-thumb-bg",
              "value": "var(--flux-surface)"
            },
            "slider-thumb-bg-hover": {
              "css": "--flux-slider-thumb-bg-hover",
              "value": "var(--flux-surface-brand-subtle)"
            },
            "slider-thumb-border": {
              "css": "--flux-slider-thumb-border",
              "value": "var(--flux-icon-brand)"
            },
            "slider-track-height": {
              "css": "--flux-slider-track-height",
              "value": "var(--flux-space-1)"
            },
            "slider-track": {
              "css": "--flux-slider-track",
              "value": "var(--flux-layer-03)"
            },
            "slider-fill": {
              "css": "--flux-slider-fill",
              "value": "var(--flux-icon-brand)"
            },
            "slider-value": {
              "css": "--flux-slider-value",
              "value": "var(--flux-text-primary)"
            },
            "slider-scale": {
              "css": "--flux-slider-scale",
              "value": "var(--flux-text-secondary)"
            },
            "slider-scale-gap": {
              "css": "--flux-slider-scale-gap",
              "value": "var(--flux-space-1)"
            }
          }
        },
        {
          "label": "Search — field with icon, clear and result count",
          "tokens": {
            "search-icon": {
              "css": "--flux-search-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "search-icon-size": {
              "css": "--flux-search-icon-size",
              "value": "var(--flux-space-4)"
            },
            "search-clear-size": {
              "css": "--flux-search-clear-size",
              "value": "var(--flux-space-6)"
            },
            "search-count": {
              "css": "--flux-search-count",
              "value": "var(--flux-text-secondary)"
            }
          }
        },
        {
          "label": "Accordion — collapsible page sections",
          "tokens": {
            "accordion-divider": {
              "css": "--flux-accordion-divider",
              "value": "var(--flux-border-subtle)"
            },
            "accordion-padding-y": {
              "css": "--flux-accordion-padding-y",
              "value": "var(--flux-space-4)"
            },
            "accordion-panel-padding": {
              "css": "--flux-accordion-panel-padding",
              "value": "var(--flux-space-5)"
            },
            "accordion-title-size": {
              "css": "--flux-accordion-title-size",
              "value": "var(--flux-text-base)"
            },
            "accordion-title-hover": {
              "css": "--flux-accordion-title-hover",
              "value": "var(--flux-text-brand)"
            },
            "accordion-icon": {
              "css": "--flux-accordion-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "accordion-meta": {
              "css": "--flux-accordion-meta",
              "value": "var(--flux-text-secondary)"
            }
          }
        },
        {
          "label": "Toast — transient confirmation",
          "tokens": {
            "toast-width": {
              "css": "--flux-toast-width",
              "value": "24rem"
            },
            "toast-bg": {
              "css": "--flux-toast-bg",
              "value": "var(--flux-surface-raised)"
            },
            "toast-border": {
              "css": "--flux-toast-border",
              "value": "var(--flux-border-subtle)"
            },
            "toast-shadow": {
              "css": "--flux-toast-shadow",
              "value": "var(--flux-shadow-lg)"
            },
            "toast-padding": {
              "css": "--flux-toast-padding",
              "value": "var(--flux-space-4)"
            },
            "toast-gap": {
              "css": "--flux-toast-gap",
              "value": "var(--flux-space-3)"
            },
            "toast-offset": {
              "css": "--flux-toast-offset",
              "value": "var(--flux-space-6)"
            },
            "toast-icon": {
              "css": "--flux-toast-icon",
              "value": "var(--flux-icon-brand)"
            },
            "toast-icon-success": {
              "css": "--flux-toast-icon-success",
              "value": "var(--flux-text-success)"
            },
            "toast-icon-size": {
              "css": "--flux-toast-icon-size",
              "value": "var(--flux-space-5)"
            },
            "toast-duration": {
              "css": "--flux-toast-duration",
              "value": "6s"
            }
          }
        },
        {
          "label": "Reorder — drag and keyboard reordering",
          "tokens": {
            "reorder-divider": {
              "css": "--flux-reorder-divider",
              "value": "var(--flux-border-subtle)"
            },
            "reorder-padding-y": {
              "css": "--flux-reorder-padding-y",
              "value": "var(--flux-space-3)"
            },
            "reorder-gap": {
              "css": "--flux-reorder-gap",
              "value": "var(--flux-space-3)"
            },
            "reorder-handle-size": {
              "css": "--flux-reorder-handle-size",
              "value": "var(--flux-space-8)"
            },
            "reorder-handle-icon": {
              "css": "--flux-reorder-handle-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "reorder-lifted-bg": {
              "css": "--flux-reorder-lifted-bg",
              "value": "var(--flux-surface-raised)"
            },
            "reorder-lifted-shadow": {
              "css": "--flux-reorder-lifted-shadow",
              "value": "var(--flux-shadow-md)"
            }
          }
        },
        {
          "label": "Editable cell — values edited in place",
          "tokens": {
            "editable-padding-x": {
              "css": "--flux-editable-padding-x",
              "value": "var(--flux-space-2)"
            },
            "editable-radius": {
              "css": "--flux-editable-radius",
              "value": "var(--flux-radius-sm)"
            },
            "editable-border-hover": {
              "css": "--flux-editable-border-hover",
              "value": "var(--flux-border-strong)"
            },
            "editable-saving-text": {
              "css": "--flux-editable-saving-text",
              "value": "var(--flux-text-secondary)"
            }
          }
        },
        {
          "label": "Popover — small floating panel",
          "tokens": {
            "popover-width": {
              "css": "--flux-popover-width",
              "value": "20rem"
            },
            "popover-padding": {
              "css": "--flux-popover-padding",
              "value": "var(--flux-space-4)"
            },
            "popover-gap": {
              "css": "--flux-popover-gap",
              "value": "var(--flux-space-3)"
            },
            "popover-bg": {
              "css": "--flux-popover-bg",
              "value": "var(--flux-surface-raised)"
            },
            "popover-border": {
              "css": "--flux-popover-border",
              "value": "var(--flux-border-subtle)"
            },
            "popover-shadow": {
              "css": "--flux-popover-shadow",
              "value": "var(--flux-shadow-md)"
            },
            "popover-radius": {
              "css": "--flux-popover-radius",
              "value": "var(--flux-radius-sm)"
            }
          }
        },
        {
          "label": "Card",
          "tokens": {
            "card-radius": {
              "css": "--flux-card-radius",
              "value": "var(--flux-radius-sm)"
            },
            "card-padding": {
              "css": "--flux-card-padding",
              "value": "var(--flux-space-5)"
            },
            "card-bg": {
              "css": "--flux-card-bg",
              "value": "var(--flux-layer-01)"
            },
            "card-border": {
              "css": "--flux-card-border",
              "value": "var(--flux-border-subtle)"
            },
            "card-border-hover": {
              "css": "--flux-card-border-hover",
              "value": "var(--flux-border-interactive)"
            },
            "card-shadow-hover": {
              "css": "--flux-card-shadow-hover",
              "value": "var(--flux-shadow-md)"
            }
          }
        },
        {
          "label": "Metric — headline figures on one surface",
          "tokens": {
            "metric-min-width": {
              "css": "--flux-metric-min-width",
              "value": "14rem"
            },
            "metric-padding": {
              "css": "--flux-metric-padding",
              "value": "var(--flux-card-padding)"
            },
            "metric-gap-x": {
              "css": "--flux-metric-gap-x",
              "value": "var(--flux-space-8)"
            },
            "metric-gap-y": {
              "css": "--flux-metric-gap-y",
              "value": "var(--flux-space-6)"
            },
            "metric-part-gap": {
              "css": "--flux-metric-part-gap",
              "value": "var(--flux-space-1)"
            },
            "metric-radius": {
              "css": "--flux-metric-radius",
              "value": "var(--flux-radius-sm)"
            },
            "metric-bg": {
              "css": "--flux-metric-bg",
              "value": "var(--flux-layer-01)"
            },
            "metric-border": {
              "css": "--flux-metric-border",
              "value": "var(--flux-border-subtle)"
            },
            "metric-label-color": {
              "css": "--flux-metric-label-color",
              "value": "var(--flux-text-secondary)"
            },
            "metric-label-size": {
              "css": "--flux-metric-label-size",
              "value": "var(--flux-text-sm)"
            },
            "metric-value-color": {
              "css": "--flux-metric-value-color",
              "value": "var(--flux-text-brand)"
            },
            "metric-value-size": {
              "css": "--flux-metric-value-size",
              "value": "var(--flux-text-4xl)"
            },
            "metric-value-tracking": {
              "css": "--flux-metric-value-tracking",
              "value": "var(--flux-tracking-tighter)"
            },
            "metric-change-size": {
              "css": "--flux-metric-change-size",
              "value": "var(--flux-text-sm)"
            },
            "metric-change-neutral": {
              "css": "--flux-metric-change-neutral",
              "value": "var(--flux-text-secondary)"
            },
            "metric-change-positive": {
              "css": "--flux-metric-change-positive",
              "value": "var(--flux-text-success)"
            },
            "metric-change-negative": {
              "css": "--flux-metric-change-negative",
              "value": "var(--flux-text-error)"
            },
            "metric-icon-size": {
              "css": "--flux-metric-icon-size",
              "value": "var(--flux-space-4)"
            }
          }
        },
        {
          "label": "Timeline and itinerary",
          "tokens": {
            "timeline-rail": {
              "css": "--flux-timeline-rail",
              "value": "var(--flux-border-default)"
            },
            "timeline-rail-width": {
              "css": "--flux-timeline-rail-width",
              "value": "var(--flux-hairline)"
            },
            "timeline-marker-size": {
              "css": "--flux-timeline-marker-size",
              "value": "var(--flux-space-3)"
            },
            "timeline-marker-current-size": {
              "css": "--flux-timeline-marker-current-size",
              "value": "var(--flux-space-4)"
            },
            "timeline-marker-radius": {
              "css": "--flux-timeline-marker-radius",
              "value": "var(--flux-radius-sm)"
            },
            "timeline-marker-done": {
              "css": "--flux-timeline-marker-done",
              "value": "var(--flux-icon-brand)"
            },
            "timeline-marker-upcoming": {
              "css": "--flux-timeline-marker-upcoming",
              "value": "var(--flux-border-strong)"
            },
            "timeline-marker-bg": {
              "css": "--flux-timeline-marker-bg",
              "value": "var(--flux-layer-01)"
            },
            "timeline-item-gap": {
              "css": "--flux-timeline-item-gap",
              "value": "var(--flux-space-5)"
            },
            "timeline-column-gap": {
              "css": "--flux-timeline-column-gap",
              "value": "var(--flux-space-4)"
            },
            "timeline-time-width": {
              "css": "--flux-timeline-time-width",
              "value": "3.5rem"
            },
            "timeline-title-min-width": {
              "css": "--flux-timeline-title-min-width",
              "value": "12rem"
            },
            "timeline-font-size": {
              "css": "--flux-timeline-font-size",
              "value": "var(--flux-text-sm)"
            },
            "timeline-time-color": {
              "css": "--flux-timeline-time-color",
              "value": "var(--flux-text-secondary)"
            },
            "timeline-time-current": {
              "css": "--flux-timeline-time-current",
              "value": "var(--flux-text-brand)"
            },
            "timeline-title-color": {
              "css": "--flux-timeline-title-color",
              "value": "var(--flux-text-primary)"
            },
            "timeline-body-color": {
              "css": "--flux-timeline-body-color",
              "value": "var(--flux-text-secondary)"
            },
            "itinerary-when-width": {
              "css": "--flux-itinerary-when-width",
              "value": "9rem"
            },
            "itinerary-body-min-width": {
              "css": "--flux-itinerary-body-min-width",
              "value": "20rem"
            },
            "itinerary-day-padding": {
              "css": "--flux-itinerary-day-padding",
              "value": "var(--flux-space-6)"
            },
            "itinerary-column-gap": {
              "css": "--flux-itinerary-column-gap",
              "value": "var(--flux-space-6)"
            },
            "itinerary-divider": {
              "css": "--flux-itinerary-divider",
              "value": "var(--flux-border-subtle)"
            },
            "itinerary-number-color": {
              "css": "--flux-itinerary-number-color",
              "value": "var(--flux-text-primary)"
            },
            "itinerary-date-color": {
              "css": "--flux-itinerary-date-color",
              "value": "var(--flux-text-secondary)"
            },
            "itinerary-title-size": {
              "css": "--flux-itinerary-title-size",
              "value": "var(--flux-text-lg)"
            }
          }
        },
        {
          "label": "Spinner — loading indicator",
          "tokens": {
            "spinner-size": {
              "css": "--flux-spinner-size",
              "value": "var(--flux-space-8)"
            },
            "spinner-size-sm": {
              "css": "--flux-spinner-size-sm",
              "value": "var(--flux-space-4)"
            },
            "spinner-size-lg": {
              "css": "--flux-spinner-size-lg",
              "value": "var(--flux-space-16)"
            },
            "spinner-head": {
              "css": "--flux-spinner-head",
              "value": "var(--flux-icon-brand)"
            },
            "spinner-accent": {
              "css": "--flux-spinner-accent",
              "value": "var(--flux-product-edge)"
            },
            "spinner-duration": {
              "css": "--flux-spinner-duration",
              "value": "1.1s"
            },
            "spinner-ease": {
              "css": "--flux-spinner-ease",
              "value": "var(--flux-ease-expressive)"
            },
            "spinner-gap": {
              "css": "--flux-spinner-gap",
              "value": "var(--flux-space-3)"
            },
            "spinner-label": {
              "css": "--flux-spinner-label",
              "value": "var(--flux-text-secondary)"
            }
          }
        },
        {
          "label": "Empty state — nothing to show, and the one way forward",
          "tokens": {
            "empty-padding": {
              "css": "--flux-empty-padding",
              "value": "var(--flux-space-12)"
            },
            "empty-gap": {
              "css": "--flux-empty-gap",
              "value": "var(--flux-space-3)"
            },
            "empty-icon-size": {
              "css": "--flux-empty-icon-size",
              "value": "var(--flux-space-8)"
            },
            "empty-icon": {
              "css": "--flux-empty-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "empty-title-size": {
              "css": "--flux-empty-title-size",
              "value": "var(--flux-text-lg)"
            },
            "empty-body": {
              "css": "--flux-empty-body",
              "value": "var(--flux-text-secondary)"
            },
            "empty-measure": {
              "css": "--flux-empty-measure",
              "value": "var(--flux-measure-prose)"
            }
          }
        },
        {
          "label": "Breadcrumbs — the path back up a hierarchy",
          "tokens": {
            "breadcrumbs-gap": {
              "css": "--flux-breadcrumbs-gap",
              "value": "var(--flux-space-2)"
            },
            "breadcrumbs-link": {
              "css": "--flux-breadcrumbs-link",
              "value": "var(--flux-text-secondary)"
            },
            "breadcrumbs-link-hover": {
              "css": "--flux-breadcrumbs-link-hover",
              "value": "var(--flux-text-brand)"
            },
            "breadcrumbs-current": {
              "css": "--flux-breadcrumbs-current",
              "value": "var(--flux-text-primary)"
            },
            "breadcrumbs-separator": {
              "css": "--flux-breadcrumbs-separator",
              "value": "var(--flux-icon-secondary)"
            },
            "breadcrumbs-separator-size": {
              "css": "--flux-breadcrumbs-separator-size",
              "value": "var(--flux-space-3)"
            }
          }
        },
        {
          "label": "Pagination — moving through pages of results",
          "tokens": {
            "pagination-gap": {
              "css": "--flux-pagination-gap",
              "value": "var(--flux-space-1)"
            },
            "pagination-item-size": {
              "css": "--flux-pagination-item-size",
              "value": "var(--flux-button-height-sm)"
            },
            "pagination-item-text": {
              "css": "--flux-pagination-item-text",
              "value": "var(--flux-text-primary)"
            },
            "pagination-item-hover": {
              "css": "--flux-pagination-item-hover",
              "value": "var(--flux-surface-hover)"
            },
            "pagination-current-bg": {
              "css": "--flux-pagination-current-bg",
              "value": "var(--flux-surface-selected)"
            },
            "pagination-current-text": {
              "css": "--flux-pagination-current-text",
              "value": "var(--flux-text-brand)"
            },
            "pagination-range": {
              "css": "--flux-pagination-range",
              "value": "var(--flux-text-secondary)"
            }
          }
        },
        {
          "label": "Segmented control — joined, mutually exclusive options",
          "tokens": {
            "segmented-height": {
              "css": "--flux-segmented-height",
              "value": "var(--flux-field-height)"
            },
            "segmented-height-sm": {
              "css": "--flux-segmented-height-sm",
              "value": "var(--flux-button-height-sm)"
            },
            "segmented-padding-x": {
              "css": "--flux-segmented-padding-x",
              "value": "var(--flux-space-4)"
            },
            "segmented-bg": {
              "css": "--flux-segmented-bg",
              "value": "var(--flux-field-bg)"
            },
            "segmented-border": {
              "css": "--flux-segmented-border",
              "value": "var(--flux-border-strong)"
            },
            "segmented-text": {
              "css": "--flux-segmented-text",
              "value": "var(--flux-text-secondary)"
            },
            "segmented-text-hover": {
              "css": "--flux-segmented-text-hover",
              "value": "var(--flux-text-primary)"
            },
            "segmented-selected-bg": {
              "css": "--flux-segmented-selected-bg",
              "value": "var(--flux-surface-selected)"
            },
            "segmented-selected-text": {
              "css": "--flux-segmented-selected-text",
              "value": "var(--flux-text-brand)"
            }
          }
        },
        {
          "label": "Stepper — the steps of a wizard",
          "tokens": {
            "stepper-marker-size": {
              "css": "--flux-stepper-marker-size",
              "value": "var(--flux-space-6)"
            },
            "stepper-gap": {
              "css": "--flux-stepper-gap",
              "value": "var(--flux-space-3)"
            },
            "stepper-connector": {
              "css": "--flux-stepper-connector",
              "value": "var(--flux-border-default)"
            },
            "stepper-connector-complete": {
              "css": "--flux-stepper-connector-complete",
              "value": "var(--flux-icon-brand)"
            },
            "stepper-marker-border": {
              "css": "--flux-stepper-marker-border",
              "value": "var(--flux-border-strong)"
            },
            "stepper-marker-text": {
              "css": "--flux-stepper-marker-text",
              "value": "var(--flux-text-secondary)"
            },
            "stepper-marker-current-bg": {
              "css": "--flux-stepper-marker-current-bg",
              "value": "var(--flux-surface-brand)"
            },
            "stepper-marker-current-text": {
              "css": "--flux-stepper-marker-current-text",
              "value": "var(--flux-text-on-color)"
            },
            "stepper-marker-complete": {
              "css": "--flux-stepper-marker-complete",
              "value": "var(--flux-icon-brand)"
            },
            "stepper-marker-error": {
              "css": "--flux-stepper-marker-error",
              "value": "var(--flux-text-error)"
            },
            "stepper-label": {
              "css": "--flux-stepper-label",
              "value": "var(--flux-text-secondary)"
            },
            "stepper-label-current": {
              "css": "--flux-stepper-label-current",
              "value": "var(--flux-text-primary)"
            }
          }
        },
        {
          "label": "Keyboard shortcut — key caps",
          "tokens": {
            "kbd-bg": {
              "css": "--flux-kbd-bg",
              "value": "var(--flux-layer-02)"
            },
            "kbd-border": {
              "css": "--flux-kbd-border",
              "value": "var(--flux-border-default)"
            },
            "kbd-text": {
              "css": "--flux-kbd-text",
              "value": "var(--flux-text-secondary)"
            },
            "kbd-padding-x": {
              "css": "--flux-kbd-padding-x",
              "value": "var(--flux-space-1)"
            },
            "kbd-gap": {
              "css": "--flux-kbd-gap",
              "value": "var(--flux-space-1)"
            }
          }
        },
        {
          "label": "Command palette — search over commands and records",
          "tokens": {
            "command-width": {
              "css": "--flux-command-width",
              "value": "40rem"
            },
            "command-list-height": {
              "css": "--flux-command-list-height",
              "value": "24rem"
            },
            "command-offset": {
              "css": "--flux-command-offset",
              "value": "var(--flux-space-24)"
            },
            "command-bg": {
              "css": "--flux-command-bg",
              "value": "var(--flux-surface-overlay)"
            },
            "command-shadow": {
              "css": "--flux-command-shadow",
              "value": "var(--flux-shadow-xl)"
            },
            "command-backdrop": {
              "css": "--flux-command-backdrop",
              "value": "var(--flux-surface-backdrop)"
            },
            "command-divider": {
              "css": "--flux-command-divider",
              "value": "var(--flux-border-subtle)"
            },
            "command-padding": {
              "css": "--flux-command-padding",
              "value": "var(--flux-space-2)"
            },
            "command-input-height": {
              "css": "--flux-command-input-height",
              "value": "var(--flux-space-12)"
            },
            "command-option-padding-x": {
              "css": "--flux-command-option-padding-x",
              "value": "var(--flux-space-3)"
            },
            "command-option-padding-y": {
              "css": "--flux-command-option-padding-y",
              "value": "var(--flux-space-2)"
            },
            "command-option-active": {
              "css": "--flux-command-option-active",
              "value": "var(--flux-surface-selected)"
            },
            "command-option-icon": {
              "css": "--flux-command-option-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "command-group-label": {
              "css": "--flux-command-group-label",
              "value": "var(--flux-text-subtle)"
            }
          }
        },
        {
          "label": "Calendar view — a month of departures",
          "tokens": {
            "calendar-bg": {
              "css": "--flux-calendar-bg",
              "value": "var(--flux-layer-01)"
            },
            "calendar-border": {
              "css": "--flux-calendar-border",
              "value": "var(--flux-border-subtle)"
            },
            "calendar-day-min-height": {
              "css": "--flux-calendar-day-min-height",
              "value": "var(--flux-space-24)"
            },
            "calendar-day-padding": {
              "css": "--flux-calendar-day-padding",
              "value": "var(--flux-space-2)"
            },
            "calendar-outside-bg": {
              "css": "--flux-calendar-outside-bg",
              "value": "var(--flux-layer-02)"
            },
            "calendar-date": {
              "css": "--flux-calendar-date",
              "value": "var(--flux-text-secondary)"
            },
            "calendar-today-bg": {
              "css": "--flux-calendar-today-bg",
              "value": "var(--flux-surface-brand)"
            },
            "calendar-today-text": {
              "css": "--flux-calendar-today-text",
              "value": "var(--flux-text-on-color)"
            },
            "calendar-event-bg": {
              "css": "--flux-calendar-event-bg",
              "value": "var(--flux-layer-02)"
            },
            "calendar-event-hover": {
              "css": "--flux-calendar-event-hover",
              "value": "var(--flux-layer-hover-02)"
            },
            "calendar-event-attention": {
              "css": "--flux-calendar-event-attention",
              "value": "var(--flux-surface-warning-subtle)"
            },
            "calendar-min-width": {
              "css": "--flux-calendar-min-width",
              "value": "48rem"
            }
          }
        },
        {
          "label": "Board — columns of cards that move between stages",
          "tokens": {
            "board-column-width": {
              "css": "--flux-board-column-width",
              "value": "18rem"
            },
            "board-gap": {
              "css": "--flux-board-gap",
              "value": "var(--flux-space-4)"
            },
            "board-column-bg": {
              "css": "--flux-board-column-bg",
              "value": "var(--flux-layer-02)"
            },
            "board-column-padding": {
              "css": "--flux-board-column-padding",
              "value": "var(--flux-space-3)"
            },
            "board-card-bg": {
              "css": "--flux-board-card-bg",
              "value": "var(--flux-layer-01)"
            },
            "board-card-border": {
              "css": "--flux-board-card-border",
              "value": "var(--flux-border-subtle)"
            },
            "board-card-padding": {
              "css": "--flux-board-card-padding",
              "value": "var(--flux-space-3)"
            },
            "board-card-gap": {
              "css": "--flux-board-card-gap",
              "value": "var(--flux-space-2)"
            },
            "board-lifted-shadow": {
              "css": "--flux-board-lifted-shadow",
              "value": "var(--flux-shadow-md)"
            },
            "board-drop-border": {
              "css": "--flux-board-drop-border",
              "value": "var(--flux-border-interactive)"
            }
          }
        },
        {
          "label": "Walkthrough and storyboard — an explanation in order",
          "tokens": {
            "walkthrough-gap": {
              "css": "--flux-walkthrough-gap",
              "value": "var(--flux-space-12)"
            },
            "walkthrough-marker-size": {
              "css": "--flux-walkthrough-marker-size",
              "value": "var(--flux-space-8)"
            },
            "walkthrough-marker-bg": {
              "css": "--flux-walkthrough-marker-bg",
              "value": "var(--flux-surface-brand)"
            },
            "walkthrough-marker-text": {
              "css": "--flux-walkthrough-marker-text",
              "value": "var(--flux-text-on-color)"
            },
            "walkthrough-media-bg": {
              "css": "--flux-walkthrough-media-bg",
              "value": "var(--flux-layer-02)"
            },
            "walkthrough-media-padding": {
              "css": "--flux-walkthrough-media-padding",
              "value": "var(--flux-space-5)"
            },
            "storyboard-frame-width": {
              "css": "--flux-storyboard-frame-width",
              "value": "16rem"
            },
            "storyboard-gap": {
              "css": "--flux-storyboard-gap",
              "value": "var(--flux-space-6)"
            },
            "storyboard-screen-bg": {
              "css": "--flux-storyboard-screen-bg",
              "value": "var(--flux-layer-02)"
            },
            "storyboard-screen-border": {
              "css": "--flux-storyboard-screen-border",
              "value": "var(--flux-border-subtle)"
            },
            "storyboard-screen-padding": {
              "css": "--flux-storyboard-screen-padding",
              "value": "var(--flux-space-4)"
            },
            "storyboard-number": {
              "css": "--flux-storyboard-number",
              "value": "var(--flux-text-brand)"
            }
          }
        },
        {
          "label": "Map — markers, routes and popups over a map library",
          "tokens": {
            "map-height": {
              "css": "--flux-map-height",
              "value": "28rem"
            },
            "map-ground": {
              "css": "--flux-map-ground",
              "value": "var(--flux-layer-02)"
            },
            "map-border": {
              "css": "--flux-map-border",
              "value": "var(--flux-border-subtle)"
            },
            "map-route": {
              "css": "--flux-map-route",
              "value": "var(--flux-chart-1)"
            },
            "map-route-planned": {
              "css": "--flux-map-route-planned",
              "value": "var(--flux-chart-muted)"
            },
            "map-route-width": {
              "css": "--flux-map-route-width",
              "value": "3"
            },
            "map-route-dash": {
              "css": "--flux-map-route-dash",
              "value": "6 5"
            },
            "map-marker-size": {
              "css": "--flux-map-marker-size",
              "value": "var(--flux-space-8)"
            },
            "map-marker-bg": {
              "css": "--flux-map-marker-bg",
              "value": "var(--flux-surface-brand)"
            },
            "map-marker-text": {
              "css": "--flux-map-marker-text",
              "value": "var(--flux-text-on-color)"
            },
            "map-marker-ring": {
              "css": "--flux-map-marker-ring",
              "value": "var(--flux-layer-01)"
            },
            "map-marker-selected-bg": {
              "css": "--flux-map-marker-selected-bg",
              "value": "var(--flux-layer-01)"
            },
            "map-marker-selected-text": {
              "css": "--flux-map-marker-selected-text",
              "value": "var(--flux-text-brand)"
            },
            "map-marker-selected-border": {
              "css": "--flux-map-marker-selected-border",
              "value": "var(--flux-border-brand)"
            },
            "map-popup-width": {
              "css": "--flux-map-popup-width",
              "value": "16rem"
            },
            "map-popup-bg": {
              "css": "--flux-map-popup-bg",
              "value": "var(--flux-surface-overlay)"
            },
            "map-popup-shadow": {
              "css": "--flux-map-popup-shadow",
              "value": "var(--flux-shadow-md)"
            },
            "map-popup-padding": {
              "css": "--flux-map-popup-padding",
              "value": "var(--flux-space-3)"
            }
          }
        },
        {
          "label": "Flow diagram — nodes, edges and minimap",
          "tokens": {
            "flow-unit": {
              "css": "--flux-flow-unit",
              "value": "var(--flux-space-4)"
            },
            "flow-height": {
              "css": "--flux-flow-height",
              "value": "30rem"
            },
            "flow-bg": {
              "css": "--flux-flow-bg",
              "value": "var(--flux-layer-01)"
            },
            "flow-border": {
              "css": "--flux-flow-border",
              "value": "var(--flux-border-subtle)"
            },
            "flow-grid": {
              "css": "--flux-flow-grid",
              "value": "var(--flux-border-default)"
            },
            "flow-node-bg": {
              "css": "--flux-flow-node-bg",
              "value": "var(--flux-layer-01)"
            },
            "flow-node-border": {
              "css": "--flux-flow-node-border",
              "value": "var(--flux-border-strong)"
            },
            "flow-node-padding": {
              "css": "--flux-flow-node-padding",
              "value": "var(--flux-space-3)"
            },
            "flow-node-selected-bg": {
              "css": "--flux-flow-node-selected-bg",
              "value": "var(--flux-surface-selected)"
            },
            "flow-node-selected-border": {
              "css": "--flux-flow-node-selected-border",
              "value": "var(--flux-border-interactive)"
            },
            "flow-node-type": {
              "css": "--flux-flow-node-type",
              "value": "var(--flux-text-subtle)"
            },
            "flow-edge": {
              "css": "--flux-flow-edge",
              "value": "var(--flux-border-strong)"
            },
            "flow-edge-active": {
              "css": "--flux-flow-edge-active",
              "value": "var(--flux-icon-brand)"
            },
            "flow-edge-width": {
              "css": "--flux-flow-edge-width",
              "value": "1.5"
            },
            "flow-label-bg": {
              "css": "--flux-flow-label-bg",
              "value": "var(--flux-layer-01)"
            },
            "flow-minimap-width": {
              "css": "--flux-flow-minimap-width",
              "value": "10rem"
            },
            "flow-minimap-bg": {
              "css": "--flux-flow-minimap-bg",
              "value": "var(--flux-layer-02)"
            },
            "flow-minimap-node": {
              "css": "--flux-flow-minimap-node",
              "value": "var(--flux-border-strong)"
            },
            "flow-minimap-viewport": {
              "css": "--flux-flow-minimap-viewport",
              "value": "var(--flux-border-interactive)"
            }
          }
        },
        {
          "label": "Chart — plot, axis, legend and series marks",
          "tokens": {
            "chart-gap": {
              "css": "--flux-chart-gap",
              "value": "var(--flux-space-4)"
            },
            "chart-plot-height": {
              "css": "--flux-chart-plot-height",
              "value": "16rem"
            },
            "chart-scale-width": {
              "css": "--flux-chart-scale-width",
              "value": "var(--flux-space-10)"
            },
            "chart-headroom": {
              "css": "--flux-chart-headroom",
              "value": "var(--flux-space-6)"
            },
            "chart-column-gap": {
              "css": "--flux-chart-column-gap",
              "value": "var(--flux-space-1)"
            },
            "chart-bar-width": {
              "css": "--flux-chart-bar-width",
              "value": "var(--flux-space-6)"
            },
            "chart-row-bar-height": {
              "css": "--flux-chart-row-bar-height",
              "value": "var(--flux-space-3)"
            },
            "chart-grid": {
              "css": "--flux-chart-grid",
              "value": "var(--flux-border-subtle)"
            },
            "chart-axis": {
              "css": "--flux-chart-axis",
              "value": "var(--flux-border-strong)"
            },
            "chart-label": {
              "css": "--flux-chart-label",
              "value": "var(--flux-text-secondary)"
            },
            "chart-track": {
              "css": "--flux-chart-track",
              "value": "var(--flux-layer-03)"
            },
            "chart-legend-gap": {
              "css": "--flux-chart-legend-gap",
              "value": "var(--flux-space-4)"
            },
            "chart-swatch-size": {
              "css": "--flux-chart-swatch-size",
              "value": "var(--flux-space-3)"
            },
            "chart-line-width": {
              "css": "--flux-chart-line-width",
              "value": "2"
            },
            "chart-line-dash": {
              "css": "--flux-chart-line-dash",
              "value": "4 3"
            },
            "chart-donut-size": {
              "css": "--flux-chart-donut-size",
              "value": "12rem"
            },
            "chart-donut-stroke": {
              "css": "--flux-chart-donut-stroke",
              "value": "5"
            },
            "chart-area-opacity": {
              "css": "--flux-chart-area-opacity",
              "value": "0.16"
            },
            "chart-stack-gap": {
              "css": "--flux-chart-stack-gap",
              "value": "var(--flux-space-px)"
            },
            "chart-guide": {
              "css": "--flux-chart-guide",
              "value": "var(--flux-border-strong)"
            },
            "chart-readout-gap": {
              "css": "--flux-chart-readout-gap",
              "value": "var(--flux-space-2)"
            },
            "chart-readout-padding-x": {
              "css": "--flux-chart-readout-padding-x",
              "value": "var(--flux-space-3)"
            },
            "chart-readout-padding-y": {
              "css": "--flux-chart-readout-padding-y",
              "value": "var(--flux-space-2)"
            },
            "chart-readout-bg": {
              "css": "--flux-chart-readout-bg",
              "value": "var(--flux-surface-overlay)"
            },
            "chart-readout-border": {
              "css": "--flux-chart-readout-border",
              "value": "var(--flux-border-subtle)"
            },
            "chart-readout-shadow": {
              "css": "--flux-chart-readout-shadow",
              "value": "var(--flux-shadow-md)"
            }
          }
        },
        {
          "label": "Heatmap — a matrix of values on a sequential scale",
          "tokens": {
            "heatmap-cell-height": {
              "css": "--flux-heatmap-cell-height",
              "value": "var(--flux-space-10)"
            },
            "heatmap-cell-min-width": {
              "css": "--flux-heatmap-cell-min-width",
              "value": "var(--flux-space-16)"
            },
            "heatmap-cell-gap": {
              "css": "--flux-heatmap-cell-gap",
              "value": "var(--flux-space-px)"
            },
            "heatmap-cell-padding-x": {
              "css": "--flux-heatmap-cell-padding-x",
              "value": "var(--flux-space-2)"
            },
            "heatmap-header": {
              "css": "--flux-heatmap-header",
              "value": "var(--flux-text-secondary)"
            },
            "heatmap-row-header": {
              "css": "--flux-heatmap-row-header",
              "value": "var(--flux-text-primary)"
            },
            "heatmap-empty-text": {
              "css": "--flux-heatmap-empty-text",
              "value": "var(--flux-text-secondary)"
            },
            "heatmap-hover-ring": {
              "css": "--flux-heatmap-hover-ring",
              "value": "var(--flux-border-strong)"
            },
            "heatmap-key-swatch": {
              "css": "--flux-heatmap-key-swatch",
              "value": "var(--flux-space-6)"
            }
          }
        },
        {
          "label": "Split view — a list beside the selected record",
          "tokens": {
            "split-list-width": {
              "css": "--flux-split-list-width",
              "value": "22rem"
            },
            "split-height": {
              "css": "--flux-split-height",
              "value": "36rem"
            },
            "split-bg": {
              "css": "--flux-split-bg",
              "value": "var(--flux-layer-01)"
            },
            "split-border": {
              "css": "--flux-split-border",
              "value": "var(--flux-border-subtle)"
            },
            "split-item-padding-y": {
              "css": "--flux-split-item-padding-y",
              "value": "var(--flux-space-3)"
            },
            "split-item-padding-x": {
              "css": "--flux-split-item-padding-x",
              "value": "var(--flux-space-4)"
            },
            "split-item-hover": {
              "css": "--flux-split-item-hover",
              "value": "var(--flux-layer-hover-01)"
            },
            "split-item-selected": {
              "css": "--flux-split-item-selected",
              "value": "var(--flux-surface-selected)"
            },
            "split-item-pointer-size": {
              "css": "--flux-split-item-pointer-size",
              "value": "var(--flux-space-3)"
            },
            "split-item-meta": {
              "css": "--flux-split-item-meta",
              "value": "var(--flux-text-secondary)"
            },
            "split-detail-padding": {
              "css": "--flux-split-detail-padding",
              "value": "var(--flux-space-6)"
            }
          }
        },
        {
          "label": "File upload — dropzone and file list",
          "tokens": {
            "upload-padding": {
              "css": "--flux-upload-padding",
              "value": "var(--flux-space-8)"
            },
            "upload-gap": {
              "css": "--flux-upload-gap",
              "value": "var(--flux-space-3)"
            },
            "upload-bg": {
              "css": "--flux-upload-bg",
              "value": "var(--flux-layer-01)"
            },
            "upload-bg-active": {
              "css": "--flux-upload-bg-active",
              "value": "var(--flux-surface-brand-subtle)"
            },
            "upload-border": {
              "css": "--flux-upload-border",
              "value": "var(--flux-border-strong)"
            },
            "upload-border-active": {
              "css": "--flux-upload-border-active",
              "value": "var(--flux-border-brand)"
            },
            "upload-icon": {
              "css": "--flux-upload-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "upload-icon-size": {
              "css": "--flux-upload-icon-size",
              "value": "var(--flux-space-8)"
            },
            "upload-text": {
              "css": "--flux-upload-text",
              "value": "var(--flux-text-secondary)"
            },
            "upload-item-padding-y": {
              "css": "--flux-upload-item-padding-y",
              "value": "var(--flux-space-3)"
            },
            "upload-item-padding-x": {
              "css": "--flux-upload-item-padding-x",
              "value": "var(--flux-space-4)"
            },
            "upload-item-gap": {
              "css": "--flux-upload-item-gap",
              "value": "var(--flux-space-3)"
            },
            "upload-item-divider": {
              "css": "--flux-upload-item-divider",
              "value": "var(--flux-border-subtle)"
            },
            "upload-meta": {
              "css": "--flux-upload-meta",
              "value": "var(--flux-text-secondary)"
            },
            "upload-success": {
              "css": "--flux-upload-success",
              "value": "var(--flux-text-success)"
            }
          }
        },
        {
          "label": "Assistant panel — messages, prompt and sources",
          "tokens": {
            "assistant-width": {
              "css": "--flux-assistant-width",
              "value": "26rem"
            },
            "assistant-height": {
              "css": "--flux-assistant-height",
              "value": "40rem"
            },
            "assistant-bg": {
              "css": "--flux-assistant-bg",
              "value": "var(--flux-layer-01)"
            },
            "assistant-border": {
              "css": "--flux-assistant-border",
              "value": "var(--flux-border-subtle)"
            },
            "assistant-padding": {
              "css": "--flux-assistant-padding",
              "value": "var(--flux-space-5)"
            },
            "assistant-gap": {
              "css": "--flux-assistant-gap",
              "value": "var(--flux-space-5)"
            },
            "assistant-user-bg": {
              "css": "--flux-assistant-user-bg",
              "value": "var(--flux-layer-02)"
            },
            "assistant-tail-size": {
              "css": "--flux-assistant-tail-size",
              "value": "var(--flux-space-3)"
            },
            "assistant-mark": {
              "css": "--flux-assistant-mark",
              "value": "var(--flux-product-agents)"
            },
            "assistant-mark-size": {
              "css": "--flux-assistant-mark-size",
              "value": "var(--flux-space-6)"
            },
            "assistant-meta": {
              "css": "--flux-assistant-meta",
              "value": "var(--flux-text-secondary)"
            },
            "assistant-source-bg": {
              "css": "--flux-assistant-source-bg",
              "value": "var(--flux-layer-02)"
            },
            "assistant-source-hover": {
              "css": "--flux-assistant-source-hover",
              "value": "var(--flux-layer-hover-02)"
            }
          }
        },
        {
          "label": "Rich text editor — toolbar, content area and prose styles",
          "tokens": {
            "editor-bg": {
              "css": "--flux-editor-bg",
              "value": "var(--flux-field-bg)"
            },
            "editor-border": {
              "css": "--flux-editor-border",
              "value": "var(--flux-field-border)"
            },
            "editor-border-hover": {
              "css": "--flux-editor-border-hover",
              "value": "var(--flux-field-border-hover)"
            },
            "editor-toolbar-bg": {
              "css": "--flux-editor-toolbar-bg",
              "value": "var(--flux-layer-02)"
            },
            "editor-toolbar-padding": {
              "css": "--flux-editor-toolbar-padding",
              "value": "var(--flux-space-1)"
            },
            "editor-tool-size": {
              "css": "--flux-editor-tool-size",
              "value": "var(--flux-button-height-sm)"
            },
            "editor-tool-icon": {
              "css": "--flux-editor-tool-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "editor-tool-hover": {
              "css": "--flux-editor-tool-hover",
              "value": "var(--flux-layer-hover-02)"
            },
            "editor-tool-pressed-bg": {
              "css": "--flux-editor-tool-pressed-bg",
              "value": "var(--flux-surface-selected)"
            },
            "editor-tool-pressed-icon": {
              "css": "--flux-editor-tool-pressed-icon",
              "value": "var(--flux-icon-brand)"
            },
            "editor-content-padding": {
              "css": "--flux-editor-content-padding",
              "value": "var(--flux-space-4)"
            },
            "editor-min-height": {
              "css": "--flux-editor-min-height",
              "value": "var(--flux-space-32)"
            },
            "prose-text": {
              "css": "--flux-prose-text",
              "value": "var(--flux-text-primary)"
            },
            "prose-gap": {
              "css": "--flux-prose-gap",
              "value": "var(--flux-space-4)"
            },
            "prose-heading-2": {
              "css": "--flux-prose-heading-2",
              "value": "var(--flux-text-xl)"
            },
            "prose-heading-3": {
              "css": "--flux-prose-heading-3",
              "value": "var(--flux-text-lg)"
            },
            "prose-quote-border": {
              "css": "--flux-prose-quote-border",
              "value": "var(--flux-border-strong)"
            },
            "prose-quote-text": {
              "css": "--flux-prose-quote-text",
              "value": "var(--flux-text-secondary)"
            },
            "prose-link": {
              "css": "--flux-prose-link",
              "value": "var(--flux-text-link)"
            }
          }
        },
        {
          "label": "Progress and meter — segmented bars",
          "tokens": {
            "progress-segment-height": {
              "css": "--flux-progress-segment-height",
              "value": "var(--flux-space-3)"
            },
            "progress-segment-height-sm": {
              "css": "--flux-progress-segment-height-sm",
              "value": "var(--flux-space-2)"
            },
            "progress-segment-gap": {
              "css": "--flux-progress-segment-gap",
              "value": "var(--flux-space-1)"
            },
            "progress-segment-radius": {
              "css": "--flux-progress-segment-radius",
              "value": "var(--flux-radius-sm)"
            },
            "progress-segment-empty": {
              "css": "--flux-progress-segment-empty",
              "value": "var(--flux-layer-03)"
            },
            "progress-fill": {
              "css": "--flux-progress-fill",
              "value": "var(--flux-icon-brand)"
            },
            "progress-fill-warning": {
              "css": "--flux-progress-fill-warning",
              "value": "var(--flux-text-warning)"
            },
            "progress-fill-error": {
              "css": "--flux-progress-fill-error",
              "value": "var(--flux-text-error)"
            },
            "progress-header-gap": {
              "css": "--flux-progress-header-gap",
              "value": "var(--flux-space-2)"
            },
            "progress-label": {
              "css": "--flux-progress-label",
              "value": "var(--flux-text-primary)"
            },
            "progress-value": {
              "css": "--flux-progress-value",
              "value": "var(--flux-text-secondary)"
            }
          }
        },
        {
          "label": "Skeleton — placeholder shapes for content whose layout is known",
          "tokens": {
            "skeleton-bg": {
              "css": "--flux-skeleton-bg",
              "value": "var(--flux-layer-03)"
            },
            "skeleton-radius": {
              "css": "--flux-skeleton-radius",
              "value": "var(--flux-radius-sm)"
            },
            "skeleton-block-size": {
              "css": "--flux-skeleton-block-size",
              "value": "var(--flux-space-32)"
            },
            "skeleton-avatar-size": {
              "css": "--flux-skeleton-avatar-size",
              "value": "var(--flux-avatar-size-md)"
            },
            "skeleton-duration": {
              "css": "--flux-skeleton-duration",
              "value": "1.6s"
            },
            "skeleton-ease": {
              "css": "--flux-skeleton-ease",
              "value": "var(--flux-ease-expressive)"
            },
            "skeleton-dim": {
              "css": "--flux-skeleton-dim",
              "value": "0.5"
            }
          }
        },
        {
          "label": "App shell — rail, top bar and main column",
          "tokens": {
            "shell-rail-width": {
              "css": "--flux-shell-rail-width",
              "value": "15rem"
            },
            "shell-rail-collapsed-width": {
              "css": "--flux-shell-rail-collapsed-width",
              "value": "var(--flux-space-16)"
            },
            "shell-topbar-height": {
              "css": "--flux-shell-topbar-height",
              "value": "var(--flux-space-16)"
            },
            "shell-search-width": {
              "css": "--flux-shell-search-width",
              "value": "24rem"
            },
            "shell-contained-height": {
              "css": "--flux-shell-contained-height",
              "value": "36rem"
            },
            "shell-rail-bg": {
              "css": "--flux-shell-rail-bg",
              "value": "var(--flux-layer-01)"
            },
            "shell-topbar-bg": {
              "css": "--flux-shell-topbar-bg",
              "value": "var(--flux-layer-01)"
            },
            "shell-main-bg": {
              "css": "--flux-shell-main-bg",
              "value": "var(--flux-surface-page)"
            },
            "shell-divider": {
              "css": "--flux-shell-divider",
              "value": "var(--flux-border-subtle)"
            },
            "shell-padding": {
              "css": "--flux-shell-padding",
              "value": "var(--flux-space-3)"
            },
            "shell-content-padding": {
              "css": "--flux-shell-content-padding",
              "value": "var(--flux-space-8)"
            },
            "shell-section-gap": {
              "css": "--flux-shell-section-gap",
              "value": "var(--flux-space-6)"
            },
            "shell-section-label": {
              "css": "--flux-shell-section-label",
              "value": "var(--flux-text-subtle)"
            },
            "shell-item-height": {
              "css": "--flux-shell-item-height",
              "value": "var(--flux-space-10)"
            },
            "shell-item-gap": {
              "css": "--flux-shell-item-gap",
              "value": "var(--flux-space-3)"
            },
            "shell-item-padding-x": {
              "css": "--flux-shell-item-padding-x",
              "value": "var(--flux-space-3)"
            },
            "shell-item-radius": {
              "css": "--flux-shell-item-radius",
              "value": "var(--flux-radius-sm)"
            },
            "shell-item-text": {
              "css": "--flux-shell-item-text",
              "value": "var(--flux-text-secondary)"
            },
            "shell-item-hover": {
              "css": "--flux-shell-item-hover",
              "value": "var(--flux-layer-hover-01)"
            },
            "shell-item-hover-text": {
              "css": "--flux-shell-item-hover-text",
              "value": "var(--flux-text-primary)"
            },
            "shell-item-current-bg": {
              "css": "--flux-shell-item-current-bg",
              "value": "var(--flux-surface-selected)"
            },
            "shell-item-current-text": {
              "css": "--flux-shell-item-current-text",
              "value": "var(--flux-text-brand)"
            },
            "shell-item-icon": {
              "css": "--flux-shell-item-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "shell-item-current-icon": {
              "css": "--flux-shell-item-current-icon",
              "value": "var(--flux-icon-brand)"
            },
            "shell-icon-size": {
              "css": "--flux-shell-icon-size",
              "value": "var(--flux-space-4)"
            },
            "shell-mark": {
              "css": "--flux-shell-mark",
              "value": "var(--flux-product-core)"
            },
            "shell-mark-size": {
              "css": "--flux-shell-mark-size",
              "value": "var(--flux-space-8)"
            },
            "shell-sheet-shadow": {
              "css": "--flux-shell-sheet-shadow",
              "value": "var(--flux-shadow-lg)"
            },
            "shell-backdrop": {
              "css": "--flux-shell-backdrop",
              "value": "var(--flux-surface-backdrop)"
            }
          }
        },
        {
          "label": "Badge",
          "tokens": {
            "badge-radius": {
              "css": "--flux-badge-radius",
              "value": "var(--flux-radius-full)"
            },
            "badge-height": {
              "css": "--flux-badge-height",
              "value": "1.25rem"
            },
            "badge-padding-x": {
              "css": "--flux-badge-padding-x",
              "value": "0.625rem"
            },
            "badge-font-size": {
              "css": "--flux-badge-font-size",
              "value": "var(--flux-text-xs)"
            },
            "badge-font-weight": {
              "css": "--flux-badge-font-weight",
              "value": "var(--flux-weight-bold)"
            }
          }
        },
        {
          "label": "Table",
          "tokens": {
            "table-cell-padding-y": {
              "css": "--flux-table-cell-padding-y",
              "value": "var(--flux-space-3)"
            },
            "table-cell-padding-x": {
              "css": "--flux-table-cell-padding-x",
              "value": "var(--flux-space-4)"
            },
            "table-divider": {
              "css": "--flux-table-divider",
              "value": "var(--flux-border-subtle)"
            },
            "table-header-text": {
              "css": "--flux-table-header-text",
              "value": "var(--flux-text-subtle)"
            },
            "table-header-font-size": {
              "css": "--flux-table-header-font-size",
              "value": "var(--flux-text-xs)"
            },
            "table-row-hover": {
              "css": "--flux-table-row-hover",
              "value": "var(--flux-layer-hover-01)"
            },
            "table-font-size": {
              "css": "--flux-table-font-size",
              "value": "var(--flux-text-sm)"
            },
            "table-row-height": {
              "css": "--flux-table-row-height",
              "value": "var(--flux-space-12)"
            },
            "table-row-height-compact": {
              "css": "--flux-table-row-height-compact",
              "value": "var(--flux-space-10)"
            },
            "table-cell-padding-y-compact": {
              "css": "--flux-table-cell-padding-y-compact",
              "value": "var(--flux-space-2)"
            },
            "table-header-bg": {
              "css": "--flux-table-header-bg",
              "value": "var(--flux-layer-01)"
            },
            "table-cell-bg": {
              "css": "--flux-table-cell-bg",
              "value": "var(--flux-layer-01)"
            },
            "table-row-selected": {
              "css": "--flux-table-row-selected",
              "value": "var(--flux-surface-selected)"
            },
            "table-detail-bg": {
              "css": "--flux-table-detail-bg",
              "value": "var(--flux-layer-02)"
            },
            "table-control-width": {
              "css": "--flux-table-control-width",
              "value": "var(--flux-space-10)"
            },
            "table-icon-button-size": {
              "css": "--flux-table-icon-button-size",
              "value": "var(--flux-button-height-sm)"
            },
            "table-icon": {
              "css": "--flux-table-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "table-icon-hover": {
              "css": "--flux-table-icon-hover",
              "value": "var(--flux-icon-primary)"
            },
            "table-icon-hover-bg": {
              "css": "--flux-table-icon-hover-bg",
              "value": "var(--flux-layer-03)"
            },
            "table-sort-icon-active": {
              "css": "--flux-table-sort-icon-active",
              "value": "var(--flux-icon-brand)"
            },
            "table-sticky-max-height": {
              "css": "--flux-table-sticky-max-height",
              "value": "30rem"
            },
            "table-toolbar-gap": {
              "css": "--flux-table-toolbar-gap",
              "value": "var(--flux-space-4)"
            }
          }
        },
        {
          "label": "Filter chips and the more-filters panel",
          "tokens": {
            "chip-height": {
              "css": "--flux-chip-height",
              "value": "var(--flux-button-height-sm)"
            },
            "chip-padding-x": {
              "css": "--flux-chip-padding-x",
              "value": "var(--flux-space-3)"
            },
            "chip-padding-end": {
              "css": "--flux-chip-padding-end",
              "value": "var(--flux-space-2)"
            },
            "chip-gap": {
              "css": "--flux-chip-gap",
              "value": "var(--flux-space-1)"
            },
            "chip-radius": {
              "css": "--flux-chip-radius",
              "value": "var(--flux-radius-sm)"
            },
            "chip-bg": {
              "css": "--flux-chip-bg",
              "value": "var(--flux-surface-selected)"
            },
            "chip-text": {
              "css": "--flux-chip-text",
              "value": "var(--flux-text-primary)"
            },
            "chip-font-size": {
              "css": "--flux-chip-font-size",
              "value": "var(--flux-text-sm)"
            },
            "chip-border": {
              "css": "--flux-chip-border",
              "value": "var(--flux-border-subtle)"
            },
            "chip-border-hover": {
              "css": "--flux-chip-border-hover",
              "value": "var(--flux-border-interactive)"
            },
            "chip-icon": {
              "css": "--flux-chip-icon",
              "value": "var(--flux-icon-secondary)"
            },
            "chip-icon-size": {
              "css": "--flux-chip-icon-size",
              "value": "var(--flux-space-4)"
            },
            "filter-panel-width": {
              "css": "--flux-filter-panel-width",
              "value": "var(--flux-datepicker-panel-width)"
            },
            "filter-panel-padding": {
              "css": "--flux-filter-panel-padding",
              "value": "var(--flux-space-4)"
            },
            "filter-panel-gap": {
              "css": "--flux-filter-panel-gap",
              "value": "var(--flux-space-4)"
            }
          }
        },
        {
          "label": "Menu — row actions and column options",
          "tokens": {
            "menu-bg": {
              "css": "--flux-menu-bg",
              "value": "var(--flux-surface-overlay)"
            },
            "menu-border": {
              "css": "--flux-menu-border",
              "value": "var(--flux-border-subtle)"
            },
            "menu-shadow": {
              "css": "--flux-menu-shadow",
              "value": "var(--flux-shadow-md)"
            },
            "menu-radius": {
              "css": "--flux-menu-radius",
              "value": "var(--flux-radius-sm)"
            },
            "menu-padding": {
              "css": "--flux-menu-padding",
              "value": "var(--flux-space-1)"
            },
            "menu-min-width": {
              "css": "--flux-menu-min-width",
              "value": "12rem"
            },
            "menu-item-padding-x": {
              "css": "--flux-menu-item-padding-x",
              "value": "var(--flux-space-3)"
            },
            "menu-item-padding-y": {
              "css": "--flux-menu-item-padding-y",
              "value": "var(--flux-space-2)"
            },
            "menu-item-hover": {
              "css": "--flux-menu-item-hover",
              "value": "var(--flux-layer-hover-01)"
            },
            "menu-item-font-size": {
              "css": "--flux-menu-item-font-size",
              "value": "var(--flux-text-sm)"
            },
            "menu-offset": {
              "css": "--flux-menu-offset",
              "value": "var(--flux-space-1)"
            },
            "menu-separator": {
              "css": "--flux-menu-separator",
              "value": "var(--flux-border-subtle)"
            },
            "menu-item-danger": {
              "css": "--flux-menu-item-danger",
              "value": "var(--flux-text-error)"
            }
          }
        },
        {
          "label": "Drawer — a record or a task over the page, from its end edge",
          "tokens": {
            "drawer-width": {
              "css": "--flux-drawer-width",
              "value": "32rem"
            },
            "drawer-width-lg": {
              "css": "--flux-drawer-width-lg",
              "value": "48rem"
            },
            "drawer-bg": {
              "css": "--flux-drawer-bg",
              "value": "var(--flux-surface-overlay)"
            },
            "drawer-shadow": {
              "css": "--flux-drawer-shadow",
              "value": "var(--flux-shadow-xl)"
            },
            "drawer-backdrop": {
              "css": "--flux-drawer-backdrop",
              "value": "var(--flux-surface-backdrop)"
            },
            "drawer-divider": {
              "css": "--flux-drawer-divider",
              "value": "var(--flux-border-subtle)"
            },
            "drawer-padding": {
              "css": "--flux-drawer-padding",
              "value": "var(--flux-space-5)"
            },
            "drawer-duration": {
              "css": "--flux-drawer-duration",
              "value": "var(--flux-duration-normal)"
            }
          }
        },
        {
          "label": "Modal",
          "tokens": {
            "modal-radius": {
              "css": "--flux-modal-radius",
              "value": "var(--flux-radius-sm)"
            },
            "modal-bg": {
              "css": "--flux-modal-bg",
              "value": "var(--flux-surface-overlay)"
            },
            "modal-shadow": {
              "css": "--flux-modal-shadow",
              "value": "var(--flux-shadow-xl)"
            },
            "modal-backdrop": {
              "css": "--flux-modal-backdrop",
              "value": "var(--flux-surface-backdrop)"
            },
            "modal-width-sm": {
              "css": "--flux-modal-width-sm",
              "value": "24rem"
            },
            "modal-width-md": {
              "css": "--flux-modal-width-md",
              "value": "32rem"
            },
            "modal-width-lg": {
              "css": "--flux-modal-width-lg",
              "value": "48rem"
            },
            "modal-padding": {
              "css": "--flux-modal-padding",
              "value": "var(--flux-space-5)"
            }
          }
        },
        {
          "label": "Note",
          "tokens": {
            "note-radius": {
              "css": "--flux-note-radius",
              "value": "var(--flux-radius-sm)"
            },
            "note-padding": {
              "css": "--flux-note-padding",
              "value": "var(--flux-space-4)"
            },
            "note-gap": {
              "css": "--flux-note-gap",
              "value": "var(--flux-space-3)"
            }
          }
        },
        {
          "label": "Description list — labelled values for one object",
          "tokens": {
            "dl-gap-x": {
              "css": "--flux-dl-gap-x",
              "value": "var(--flux-space-8)"
            },
            "dl-gap-y": {
              "css": "--flux-dl-gap-y",
              "value": "var(--flux-space-4)"
            },
            "dl-term-gap": {
              "css": "--flux-dl-term-gap",
              "value": "var(--flux-space-1)"
            },
            "dl-term-color": {
              "css": "--flux-dl-term-color",
              "value": "var(--flux-text-secondary)"
            },
            "dl-term-size": {
              "css": "--flux-dl-term-size",
              "value": "var(--flux-text-sm)"
            },
            "dl-detail-color": {
              "css": "--flux-dl-detail-color",
              "value": "var(--flux-text-primary)"
            },
            "dl-detail-size": {
              "css": "--flux-dl-detail-size",
              "value": "var(--flux-text-base)"
            }
          }
        },
        {
          "label": "Tabs",
          "tokens": {
            "tab-height": {
              "css": "--flux-tab-height",
              "value": "2.5rem"
            },
            "tab-padding-x": {
              "css": "--flux-tab-padding-x",
              "value": "var(--flux-space-4)"
            },
            "tab-font-size": {
              "css": "--flux-tab-font-size",
              "value": "var(--flux-text-sm)"
            },
            "tab-indicator-width": {
              "css": "--flux-tab-indicator-width",
              "value": "2px"
            },
            "tab-indicator": {
              "css": "--flux-tab-indicator",
              "value": "var(--flux-border-interactive)"
            },
            "tab-text": {
              "css": "--flux-tab-text",
              "value": "var(--flux-text-subtle)"
            },
            "tab-text-active": {
              "css": "--flux-tab-text-active",
              "value": "var(--flux-text-brand)"
            }
          }
        },
        {
          "label": "Avatar",
          "tokens": {
            "avatar-radius": {
              "css": "--flux-avatar-radius",
              "value": "var(--flux-radius-full)"
            },
            "avatar-size-sm": {
              "css": "--flux-avatar-size-sm",
              "value": "2rem"
            },
            "avatar-size-md": {
              "css": "--flux-avatar-size-md",
              "value": "2.5rem"
            },
            "avatar-size-lg": {
              "css": "--flux-avatar-size-lg",
              "value": "3.5rem"
            },
            "avatar-bg": {
              "css": "--flux-avatar-bg",
              "value": "var(--flux-surface-brand-subtle)"
            },
            "avatar-text": {
              "css": "--flux-avatar-text",
              "value": "var(--flux-text-brand)"
            }
          }
        },
        {
          "label": "Tooltip",
          "tokens": {
            "tooltip-bg": {
              "css": "--flux-tooltip-bg",
              "value": "var(--flux-surface-inverse)"
            },
            "tooltip-text": {
              "css": "--flux-tooltip-text",
              "value": "var(--flux-text-inverse)"
            },
            "tooltip-radius": {
              "css": "--flux-tooltip-radius",
              "value": "var(--flux-radius-sm)"
            },
            "tooltip-font-size": {
              "css": "--flux-tooltip-font-size",
              "value": "var(--flux-text-xs)"
            },
            "tooltip-padding-x": {
              "css": "--flux-tooltip-padding-x",
              "value": "var(--flux-space-3)"
            },
            "tooltip-padding-y": {
              "css": "--flux-tooltip-padding-y",
              "value": "var(--flux-space-2)"
            },
            "tooltip-max-width": {
              "css": "--flux-tooltip-max-width",
              "value": "16rem"
            },
            "tooltip-offset": {
              "css": "--flux-tooltip-offset",
              "value": "var(--flux-space-1)"
            }
          }
        },
        {
          "label": "Slide — deck geometry",
          "tokens": {
            "slide-width": {
              "css": "--flux-slide-width",
              "value": "80rem"
            },
            "slide-height": {
              "css": "--flux-slide-height",
              "value": "45rem"
            },
            "slide-pad-x": {
              "css": "--flux-slide-pad-x",
              "value": "var(--flux-space-16)"
            },
            "slide-pad-y": {
              "css": "--flux-slide-pad-y",
              "value": "var(--flux-space-12)"
            },
            "slide-gap": {
              "css": "--flux-slide-gap",
              "value": "var(--flux-space-10)"
            },
            "slide-measure": {
              "css": "--flux-slide-measure",
              "value": "44rem"
            },
            "slide-measure-display": {
              "css": "--flux-slide-measure-display",
              "value": "var(--flux-measure-content)"
            },
            "slide-accent": {
              "css": "--flux-slide-accent",
              "value": "var(--flux-product-core)"
            },
            "slide-ground-forest": {
              "css": "--flux-slide-ground-forest",
              "value": "var(--flux-green-850)"
            },
            "slide-ground-forest-layer": {
              "css": "--flux-slide-ground-forest-layer",
              "value": "var(--flux-green-900)"
            },
            "slide-mark-opacity": {
              "css": "--flux-slide-mark-opacity",
              "value": "0.12"
            },
            "slide-plot-height": {
              "css": "--flux-slide-plot-height",
              "value": "18rem"
            },
            "slide-donut-size": {
              "css": "--flux-slide-donut-size",
              "value": "20rem"
            },
            "slide-closing-image-opacity": {
              "css": "--flux-slide-closing-image-opacity",
              "value": "0.8"
            },
            "slide-donut-stroke": {
              "css": "--flux-slide-donut-stroke",
              "value": "5"
            }
          }
        },
        {
          "label": "Flow — outcome patterns (Flux 1.x, retained)",
          "tokens": {
            "flow-header-height": {
              "css": "--flux-flow-header-height",
              "value": "3.5rem"
            },
            "flow-header-bg": {
              "css": "--flux-flow-header-bg",
              "value": "var(--flux-surface)"
            },
            "flow-header-border": {
              "css": "--flux-flow-header-border",
              "value": "var(--flux-border-subtle)"
            },
            "flow-entry-duration": {
              "css": "--flux-flow-entry-duration",
              "value": "var(--flux-duration-deliberate)"
            },
            "flow-return-countdown": {
              "css": "--flux-flow-return-countdown",
              "value": "8s"
            }
          }
        }
      ],
      "coarsePointer": {
        "media": "(pointer: coarse)",
        "tokens": {
          "button-height-sm": {
            "css": "--flux-button-height-sm",
            "value": "var(--flux-touch-target)"
          },
          "button-height-md": {
            "css": "--flux-button-height-md",
            "value": "var(--flux-touch-target)"
          },
          "field-height": {
            "css": "--flux-field-height",
            "value": "var(--flux-touch-target)"
          },
          "tab-height": {
            "css": "--flux-tab-height",
            "value": "var(--flux-touch-target)"
          }
        }
      }
    }
  }
}