/**
 * The documented CSS-variable token names — the Studio-plugin styling API. A
 * snapshot test pins this list so the contract can't drift silently. The
 * SDK compatibility version bumps if any of these are renamed/removed; the list
 * grows additively.
 *
 * The `--tai-dark-*` half of each themed pair is deliberately NOT here. Those
 * names are the theming mechanism's own storage — the two blocks in `tokens.css`
 * that apply the dark theme are the only readers, and the scanner test holds
 * them to that. A plugin styles against the name WITHOUT the `dark` segment and
 * gets whichever half the viewer's theme resolves to.
 */
export const TOKEN_NAMES = [
  '--tai-color-bg',
  '--tai-color-surface',
  '--tai-color-surface-raised',
  '--tai-color-surface-disabled',
  '--tai-color-code-bg',
  '--tai-color-border',
  '--tai-color-border-strong',
  '--tai-color-control-border',
  '--tai-color-border-disabled',
  '--tai-color-text',
  '--tai-color-heading',
  '--tai-color-text-muted',
  '--tai-color-text-disabled',
  '--tai-color-placeholder',
  '--tai-color-decor',
  '--tai-color-accent',
  '--tai-color-accent-hover',
  '--tai-color-accent-on-tint',
  '--tai-color-on-accent',
  '--tai-color-accent-tint',
  '--tai-color-ok-text',
  '--tai-color-err-text',
  '--tai-color-warn-text',
  '--tai-color-ok-fill',
  '--tai-color-err-fill',
  '--tai-color-warn-fill',
  '--tai-color-ok-tint',
  '--tai-color-err-tint',
  '--tai-color-warn-tint',
  '--tai-color-on-fill',
  '--tai-color-focus-ring',
  '--tai-color-scrim',
  '--tai-color-prose-link',
  '--tai-color-prose-link-hover',
  '--tai-color-syntax-key',
  '--tai-color-syntax-string',
  '--tai-color-syntax-number',
  '--tai-color-syntax-bool',
  '--tai-color-primary',
  '--tai-color-primary-text',
  '--tai-color-danger',
  '--tai-color-danger-text',
  '--tai-color-danger-hover',
  '--tai-color-danger-surface',
  '--tai-color-success',
  '--tai-color-warning',
  '--tai-space-1',
  '--tai-space-2',
  '--tai-space-3',
  '--tai-space-4',
  '--tai-space-5',
  '--tai-space-6',
  '--tai-space-8',
  '--tai-radius-sm',
  '--tai-radius-code',
  '--tai-radius-md',
  '--tai-radius-tile',
  '--tai-radius-lg',
  '--tai-radius-overlay',
  '--tai-radius-full',
  '--tai-font-sans',
  '--tai-font-mono',
  '--tai-text-display',
  '--tai-text-xl',
  '--tai-text-section',
  '--tai-text-lg',
  '--tai-text-md',
  '--tai-text-sm',
  '--tai-text-code',
  '--tai-text-xs',
  '--tai-control-height',
  '--tai-control-height-coarse',
  '--tai-motion-fast',
  '--tai-motion-base',
  '--tai-shadow-lift-color',
  '--tai-shadow-overlay-color',
  '--tai-shadow-lift',
  '--tai-shadow-overlay',
  '--tai-shadow-sm',
  '--tai-shadow-md',
  '--tai-z-sticky',
  '--tai-z-dropdown',
  '--tai-z-overlay',
  '--tai-z-dialog',
  '--tai-z-popover',
  '--tai-z-tooltip',
] as const;

export type TokenName = (typeof TOKEN_NAMES)[number];