Tokens

Use design system overrides for runtime configuration:

mountForm(container, {
  transport: createJsonTransport({ endpoint: "/api/predict" }),
  schema,
  designSystem: {
    overrides: {
      tokens: {
        "--mlf-color-accent": "#0d7f70",
        "--mlf-radius-md": "8px",
      },
      components: {
        submit: {
          tokens: {
            "--mlf-submit-radius": "8px",
          },
        },
      },
    },
  },
});

Use host CSS when the surrounding application owns visual tokens:

#prediction-form mlf-form {
  --mlf-color-accent: var(--brand-action);
  --mlf-color-text: var(--app-text);
}