export type DesignTokenInteractiveStatesInput = {
  default?: string;
  hover?: string;
  active?: string;
  disabled?: string;
  [key: string]: unknown;
};

export type DesignTokenStaticStateInput = {
  default?: string;
  [key: string]: unknown;
};

export type DesignTokenInteractiveRoleInput = {
  bg?: DesignTokenInteractiveStatesInput;
  on?: DesignTokenInteractiveStatesInput;
  [key: string]: unknown;
};

export type DesignTokenStaticRoleInput = {
  bg?: DesignTokenStaticStateInput;
  on?: DesignTokenStaticStateInput;
  [key: string]: unknown;
};

export type DesignTokenColorSchemeInput = {
  primary?: DesignTokenInteractiveRoleInput;
  secondary?: DesignTokenInteractiveRoleInput;
  tertiary?: DesignTokenInteractiveRoleInput;
  surface?: DesignTokenStaticRoleInput;
  error?: DesignTokenStaticRoleInput;
  info?: DesignTokenStaticRoleInput;
  success?: DesignTokenStaticRoleInput;
  [key: string]: unknown;
};

export type DesignTokenModesInput = {
  light?: DesignTokenColorSchemeInput;
  dark?: DesignTokenColorSchemeInput;
  [key: string]: unknown;
};

export type DesignTokenScaleInput = {
  sm?: number;
  md?: number;
  lg?: number;
  xl?: number;
  [key: string]: unknown;
};

export type DesignTokenTextStyleInput = {
  family?: string;
  weight?: number;
  size?: number;
  'line-height'?: number;
  [key: string]: unknown;
};

export type DesignTokenTypographyInput = {
  title?: DesignTokenTextStyleInput;
  subtitle?: DesignTokenTextStyleInput;
  'body-lg'?: DesignTokenTextStyleInput;
  'body-md'?: DesignTokenTextStyleInput;
  'body-sm'?: DesignTokenTextStyleInput;
  button?: DesignTokenTextStyleInput;
  [key: string]: unknown;
};

export type DesignTokenComponentColorInput = {
  color?: string;
  [key: string]: unknown;
};

export type DesignTokenComponentsInput = {
  'background-overlay'?: DesignTokenComponentColorInput;
  [key: string]: unknown;
};

export type DesignTokenToggleInput = {
  enabled?: boolean;
  [key: string]: unknown;
};

export type DesignTokenLogoInput = {
  footerLight?: string;
  footerDark?: string;
  footerText?: string;
  [key: string]: unknown;
};

export type DesignTokensInput = {
  updatedAt?: string;
  version?: number;
  theme?: string;
  colors?: DesignTokenModesInput;
  rounding?: DesignTokenScaleInput;
  padding?: DesignTokenScaleInput;
  text?: DesignTokenTypographyInput;
  components?: DesignTokenComponentsInput;
  haptics?: DesignTokenToggleInput;
  animations?: DesignTokenToggleInput;
  logo?: DesignTokenLogoInput;
  [key: string]: unknown;
};