export const REQUIRED_PRIMITIVE_TOKENS = Object.freeze([
  "--space-1",
  "--space-2",
  "--space-4",
  "--font-size-sm",
  "--line-height-normal",
  "--radius-sm",
  "--shadow-dialog",
  "--duration-fast",
  "--easing-standard",
  "--size-control-md",
  "--size-touch-target",
  "--size-icon-md",
  "--breakpoint-compact",
] as const);

export const REQUIRED_SEMANTIC_TOKENS = Object.freeze([
  "--color-surface",
  "--color-surface-muted",
  "--color-surface-elevated",
  "--color-content",
  "--color-content-muted",
  "--color-content-inverse",
  "--color-border",
  "--color-border-strong",
  "--color-action",
  "--color-action-hover",
  "--color-action-pressed",
  "--color-danger",
  "--color-warning-content",
  "--color-success-content",
  "--color-info-content",
  "--color-focus",
  "--color-disabled-content",
  "--color-disabled-surface",
  "--elevation-panel",
  "--layer-navigation",
  "--layer-popover",
  "--layer-modal",
  "--layer-toast",
  "--opacity-disabled",
  "--opacity-scrim",
  "--opacity-skeleton",
] as const);

export const REQUIRED_COMPONENT_TOKENS = Object.freeze([
  "--button-primary-background",
  "--button-primary-content",
  "--button-primary-hover",
  "--field-border",
  "--field-border-invalid",
  "--dialog-elevation",
  "--navigation-active-background",
  "--drawer-width",
  "--toast-width",
] as const);

export const DESIGN_TOKEN_CONTRACT = Object.freeze({
  primitive: REQUIRED_PRIMITIVE_TOKENS,
  semantic: REQUIRED_SEMANTIC_TOKENS,
  component: REQUIRED_COMPONENT_TOKENS,
});