.theme-gempak,
.theme-xuan {
  /* Colors */
  --color-surface-surface-default: var(
    --color-entertainment-color-surface-surface-default
  );
  --color-border-border-default: var(
    --color-entertainment-color-border-border-default
  );
  --color-brand-primary-variant: var(
    --color-entertainment-color-brand-primary-variant
  );
  --color-brand-secondary: var(--color-entertainment-color-brand-secondary);
  --color-brand-secondary-variant: var(
    --color-entertainment-color-brand-secondary-variant
  );
  --color-background-background-default: var(
    --color-entertainment-color-background-background-default
  );
  --color-background-background-subtle: var(
    --color-entertainment-color-background-background-subtle
  );
  --color-background-background-subtle-neutral: var(
    --color-entertainment-color-background-background-subtle-neutral
  );
  --color-background-background-inverse: var(
    --color-entertainment-color-background-background-inverse
  );
  --color-background-background-inverse-neutral: var(
    --color-entertainment-color-background-background-inverse-neutral
  );
  --color-foreground-foreground-default: var(
    --color-entertainment-color-foreground-foreground-default
  );
  --color-surface-surface-subtle: var(
    --color-entertainment-color-surface-surface-subtle
  );
  --color-foreground-foreground-strongest: var(
    --color-entertainment-color-foreground-foreground-strongest
  );
  --color-foreground-foreground-strong: var(
    --color-entertainment-color-foreground-foreground-strong
  );
  --color-foreground-foreground-subtle: var(
    --color-entertainment-color-foreground-foreground-subtle
  );
  --color-foreground-foreground-active: var(
    --color-entertainment-color-foreground-foreground-active
  );
  --color-foreground-foreground-hover: var(
    --color-entertainment-color-foreground-foreground-hover
  );
  --color-foreground-foreground-disabled: var(
    --color-entertainment-color-foreground-foreground-disabled
  );
  --color-foreground-foreground-inactive: var(
    --color-entertainment-color-foreground-foreground-inactive
  );
  --color-foreground-foreground-on-active: var(
    --color-entertainment-color-foreground-foreground-on-active
  );
  --color-foreground-foreground-on-hover: var(
    --color-entertainment-color-foreground-foreground-on-hover
  );
  --color-foreground-foreground-on-disabled: var(
    --color-entertainment-color-foreground-foreground-on-disabled
  );
  --color-foreground-foreground-on-secondary-active: var(
    --color-entertainment-color-foreground-foreground-on-secondary-active
  );
  --color-foreground-foreground-on-inverse: var(
    --color-entertainment-color-foreground-foreground-on-inverse
  );
  --color-foreground-foreground-on-inverse-active: var(
    --color-entertainment-color-foreground-foreground-on-inverse-active
  );
  --color-foreground-foreground-on-inverse-hover: var(
    --color-entertainment-color-foreground-foreground-on-inverse-hover
  );
  --color-foreground-foreground-on-inverse-disabled: var(
    --color-entertainment-color-foreground-foreground-on-inverse-disabled
  );
  --color-foreground-foreground-on-inverse-inactive: var(
    --color-entertainment-color-foreground-foreground-on-inverse-inactive
  );
  --color-foreground-foreground-secondary-active: var(
    --color-entertainment-color-foreground-foreground-secondary-active
  );
  --color-foreground-foreground-on-error: var(
    --color-entertainment-color-foreground-foreground-on-error
  );
  --color-foreground-foreground-on-success: var(
    --color-entertainment-color-foreground-foreground-on-success
  );
  --color-foreground-foreground-on-warning: var(
    --color-entertainment-color-foreground-foreground-on-warning
  );
  --color-foreground-foreground-on-info: var(
    --color-entertainment-color-foreground-foreground-on-info
  );
  --color-border-width-border-width-default: var(
    --color-entertainment-color-border-width-border-width-default
  );
  --color-border-width-border-width-strongest: var(
    --color-entertainment-color-border-width-border-width-strongest
  );
  --color-border-width-border-width-active: var(
    --color-entertainment-color-border-width-border-width-active
  );
  --color-border-width-border-width-hover: var(
    --color-entertainment-color-border-width-border-width-hover
  );
  --color-border-width-border-width-disabled: var(
    --color-entertainment-color-border-width-border-width-disabled
  );
  --color-border-width-border-width-inactive: var(
    --color-entertainment-color-border-width-border-width-inactive
  );
  --color-border-width-border-width-on-inverse-active: var(
    --color-entertainment-color-border-width-border-width-on-inverse-active
  );
  --color-border-width-border-width-on-inverse-inactive: var(
    --color-entertainment-color-border-width-border-width-on-inverse-inactive
  );
  --color-border-width-border-width-secondary-active: var(
    --color-entertainment-color-border-width-border-width-secondary-active
  );
  --color-surface-surface-subtle-neutral: var(
    --color-entertainment-color-surface-surface-subtle-neutral
  );
  --color-surface-surface-inverse: var(
    --color-entertainment-color-surface-surface-inverse
  );
  --color-surface-surface-inverse-neutral: var(
    --color-entertainment-color-surface-surface-inverse-neutral
  );
  --color-surface-surface-active: var(
    --color-entertainment-color-surface-surface-active
  );
  --color-surface-surface-hover: var(
    --color-entertainment-color-surface-surface-hover
  );
  --color-surface-surface-disabled: var(
    --color-entertainment-color-surface-surface-disabled
  );
  --color-surface-surface-on-inverse-active: var(
    --color-entertainment-color-surface-surface-on-inverse-active
  );
  --color-surface-surface-on-inverse-hover: var(
    --color-entertainment-color-surface-surface-on-inverse-hover
  );
  --color-surface-surface-on-inverse-disabled: var(
    --color-entertainment-color-surface-surface-on-inverse-disabled
  );
  --color-surface-surface-secondary-active: var(
    --color-entertainment-color-surface-surface-secondary-active
  );
  --color-surface-surface-error: var(
    --color-entertainment-color-surface-surface-error
  );
  --color-surface-surface-success: var(
    --color-entertainment-color-surface-surface-success
  );
  --color-surface-surface-warning: var(
    --color-entertainment-color-surface-surface-warning
  );
  --color-surface-surface-info: var(
    --color-entertainment-color-surface-surface-info
  );
  --color-border-width-border-width-on-inverse: var(
    --color-entertainment-color-border-width-border-width-on-inverse
  );
  --color-border-width-border-width-error: var(
    --color-entertainment-color-border-width-border-width-error
  );
  --color-surface-surface-skeleton: var(
    --color-entertainment-color-surface-surface-skeleton
  );
  --color-surface-surface-on-inverse-skeleton: var(
    --color-entertainment-color-surface-surface-on-inverse-skeleton
  );
  --color-foreground-foreground-on-error-2: var(
    --color-entertainment-color-foreground-foreground-on-error-2
  );
  --color-surface-surface-footer: var(
    --color-entertainment-color-surface-surface-footer
  );
  --color-neutral-neutral-100: var(--color-color-neutral-neutral-100);
  --color-neutral-neutral-70: var(--color-color-neutral-neutral-70);
  --color-foreground-foreground-inverse-inactive: var(
    --color-entertainment-color-foreground-foreground-on-inverse-inactive
  );

  /*---- font size ----*/
  --typography-font-size-display-sm: var(
    --font-size-entertainment-typography-font-size-display-sm
  );
  --typography-font-size-display-md: var(
    --font-size-entertainment-typography-font-size-display-md
  );
  --typography-font-size-display-lg: var(
    --font-size-entertainment-typography-font-size-display-lg
  );
  --typography-font-size-heading1-sm: var(
    --font-size-entertainment-typography-font-size-heading1-sm
  );
  --typography-font-size-heading1-md: var(
    --font-size-entertainment-typography-font-size-heading1-md
  );
  --typography-font-size-heading1-lg: var(
    --font-size-entertainment-typography-font-size-heading1-lg
  );
  --typography-font-size-heading2-sm: var(
    --font-size-entertainment-typography-font-size-heading2-sm
  );
  --typography-font-size-heading2-md: var(
    --font-size-entertainment-typography-font-size-heading2-md
  );
  --typography-font-size-heading2-lg: var(
    --font-size-entertainment-typography-font-size-heading2-lg
  );
  --typography-font-size-heading3-sm: var(
    --font-size-entertainment-typography-font-size-heading3-sm
  );
  --typography-font-size-heading3-md: var(
    --font-size-entertainment-typography-font-size-heading3-md
  );
  --typography-font-size-heading3-lg: var(
    --font-size-entertainment-typography-font-size-heading3-lg
  );
  --typography-font-size-heading4-sm: var(
    --font-size-entertainment-typography-font-size-heading4-sm
  );
  --typography-font-size-heading4-md: var(
    --font-size-entertainment-typography-font-size-heading4-md
  );
  --typography-font-size-heading4-lg: var(
    --font-size-entertainment-typography-font-size-heading4-lg
  );
  --typography-font-size-heading5-sm: var(
    --font-size-entertainment-typography-font-size-heading5-sm
  );
  --typography-font-size-heading5-md: var(
    --font-size-entertainment-typography-font-size-heading5-md
  );
  --typography-font-size-heading5-lg: var(
    --font-size-entertainment-typography-font-size-heading5-lg
  );
  --typography-font-size-body1-sm: var(
    --font-size-entertainment-typography-font-size-body1-sm
  );
  --typography-font-size-body1-md: var(
    --font-size-entertainment-typography-font-size-body1-md
  );
  --typography-font-size-body1-lg: var(
    --font-size-entertainment-typography-font-size-body1-lg
  );
  --typography-font-size-body1-strong-sm: var(
    --font-size-entertainment-typography-font-size-body1-strong-sm
  );
  --typography-font-size-body1-strong-md: var(
    --font-size-entertainment-typography-font-size-body1-strong-md
  );
  --typography-font-size-body1-strong-lg: var(
    --font-size-entertainment-typography-font-size-body1-strong-lg
  );
  --typography-font-size-body2-sm: var(
    --font-size-entertainment-typography-font-size-body2-sm
  );
  --typography-font-size-body2-md: var(
    --font-size-entertainment-typography-font-size-body2-md
  );
  --typography-font-size-body2-lg: var(
    --font-size-entertainment-typography-font-size-body2-lg
  );
  --typography-font-size-body2-strong-sm: var(
    --font-size-entertainment-typography-font-size-body2-strong-sm
  );
  --typography-font-size-body2-strong-md: var(
    --font-size-entertainment-typography-font-size-body2-strong-md
  );
  --typography-font-size-body2-strong-lg: var(
    --font-size-entertainment-typography-font-size-body2-strong-lg
  );
  --typography-font-size-label1-sm: var(
    --font-size-entertainment-typography-font-size-label1-sm
  );
  --typography-font-size-label1-md: var(
    --font-size-entertainment-typography-font-size-label1-md
  );
  --typography-font-size-label1-lg: var(
    --font-size-entertainment-typography-font-size-label1-lg
  );
  --typography-font-size-label2-sm: var(
    --font-size-entertainment-typography-font-size-label2-sm
  );
  --typography-font-size-label2-md: var(
    --font-size-entertainment-typography-font-size-label2-md
  );
  --typography-font-size-label2-lg: var(
    --font-size-entertainment-typography-font-size-label2-lg
  );
  --typography-font-size-label3-sm: var(
    --font-size-entertainment-typography-font-size-label3-sm
  );
  --typography-font-size-label3-md: var(
    --font-size-entertainment-typography-font-size-label3-md
  );
  --typography-font-size-label3-lg: var(
    --font-size-entertainment-typography-font-size-label3-lg
  );
  --typography-font-size-link1-sm: var(
    --font-size-entertainment-typography-font-size-link1-sm
  );
  --typography-font-size-link1-md: var(
    --font-size-entertainment-typography-font-size-link1-md
  );
  --typography-font-size-link1-lg: var(
    --font-size-entertainment-typography-font-size-link1-lg
  );
  --typography-font-size-link2-sm: var(
    --font-size-entertainment-typography-font-size-link2-sm
  );
  --typography-font-size-link2-md: var(
    --font-size-entertainment-typography-font-size-link2-md
  );
  --typography-font-size-link2-lg: var(
    --font-size-entertainment-typography-font-size-link2-lg
  );
  --typography-font-size-footnote-sm: var(
    --font-size-entertainment-typography-font-size-footnote-sm
  );
  --typography-font-size-footnote-md: var(
    --font-size-entertainment-typography-font-size-footnote-md
  );
  --typography-font-size-footnote-lg: var(
    --font-size-entertainment-typography-font-size-footnote-lg
  );
  --typography-font-size-caption-sm: var(
    --font-size-entertainment-typography-font-size-caption-sm
  );
  --typography-font-size-caption-md: var(
    --font-size-entertainment-typography-font-size-caption-md
  );
  --typography-font-size-caption-lg: var(
    --font-size-entertainment-typography-font-size-caption-lg
  );

  /*---- line height ----*/
  --typography-line-height-display-sm: var(
    --line-height-entertainment-typography-line-height-display-sm
  );
  --typography-line-height-display-md: var(
    --line-height-entertainment-typography-line-height-display-md
  );
  --typography-line-height-display-lg: var(
    --line-height-entertainment-typography-line-height-display-lg
  );
  --typography-line-height-heading1-sm: var(
    --line-height-entertainment-typography-line-height-heading1-sm
  );
  --typography-line-height-heading1-md: var(
    --line-height-entertainment-typography-line-height-heading1-md
  );
  --typography-line-height-heading1-lg: var(
    --line-height-entertainment-typography-line-height-heading1-lg
  );
  --typography-line-height-heading2-sm: var(
    --line-height-entertainment-typography-line-height-heading2-sm
  );
  --typography-line-height-heading2-md: var(
    --line-height-entertainment-typography-line-height-heading2-md
  );
  --typography-line-height-heading2-lg: var(
    --line-height-entertainment-typography-line-height-heading2-lg
  );
  --typography-line-height-heading3-sm: var(
    --line-height-entertainment-typography-line-height-heading3-sm
  );
  --typography-line-height-heading3-sm-2: var(
    --line-height-entertainment-typography-line-height-heading3-sm-2
  );
  --typography-line-height-heading3-md-2: var(
    --line-height-entertainment-typography-line-height-heading3-md-2
  );
  --typography-line-height-heading3-lg-2: var(
    --line-height-entertainment-typography-line-height-heading3-lg-2
  );
  --typography-line-height-heading3-md: var(
    --line-height-entertainment-typography-line-height-heading3-md
  );
  --typography-line-height-heading3-lg: var(
    --line-height-entertainment-typography-line-height-heading3-lg
  );
  --typography-line-height-heading4-sm: var(
    --line-height-entertainment-typography-line-height-heading4-sm
  );
  --typography-line-height-heading4-md: var(
    --line-height-entertainment-typography-line-height-heading4-md
  );
  --typography-line-height-heading4-lg: var(
    --line-height-entertainment-typography-line-height-heading4-lg
  );
  --typography-line-height-heading5-sm: var(
    --line-height-entertainment-typography-line-height-heading5-sm
  );
  --typography-line-height-heading5-md: var(
    --line-height-entertainment-typography-line-height-heading5-md
  );
  --typography-line-height-heading5-lg: var(
    --line-height-entertainment-typography-line-height-heading5-lg
  );
  --typography-line-height-body1-sm: var(
    --line-height-entertainment-typography-line-height-body1-sm
  );
  --typography-line-height-body1-md: var(
    --line-height-entertainment-typography-line-height-body1-md
  );
  --typography-line-height-body1-lg: var(
    --line-height-entertainment-typography-line-height-body1-lg
  );
  --typography-line-height-body1-strong-sm: var(
    --line-height-entertainment-typography-line-height-body1-strong-sm
  );
  --typography-line-height-body1-strong-md: var(
    --line-height-entertainment-typography-line-height-body1-strong-md
  );
  --typography-line-height-body1-strong-lg: var(
    --line-height-entertainment-typography-line-height-body1-strong-lg
  );
  --typography-line-height-body2-sm: var(
    --line-height-entertainment-typography-line-height-body2-sm
  );
  --typography-line-height-body2-md: var(
    --line-height-entertainment-typography-line-height-body2-md
  );
  --typography-line-height-body2-lg: var(
    --line-height-entertainment-typography-line-height-body2-lg
  );
  --typography-line-height-body2-strong-sm: var(
    --line-height-entertainment-typography-line-height-body2-strong-sm
  );
  --typography-line-height-body2-strong-md: var(
    --line-height-entertainment-typography-line-height-body2-strong-md
  );
  --typography-line-height-body2-strong-lg: var(
    --line-height-entertainment-typography-line-height-body2-strong-lg
  );
  --typography-line-height-label1-sm: var(
    --line-height-entertainment-typography-line-height-label1-sm
  );
  --typography-line-height-label1-md: var(
    --line-height-entertainment-typography-line-height-label1-md
  );
  --typography-line-height-label1-lg: var(
    --line-height-entertainment-typography-line-height-label1-lg
  );
  --typography-line-height-label2-sm: var(
    --line-height-entertainment-typography-line-height-label2-sm
  );
  --typography-line-height-label2-md: var(
    --line-height-entertainment-typography-line-height-label2-md
  );
  --typography-line-height-label2-lg: var(
    --line-height-entertainment-typography-line-height-label2-lg
  );
  --typography-line-height-label3-sm: var(
    --line-height-entertainment-typography-line-height-label3-sm
  );
  --typography-line-height-label3-md: var(
    --line-height-entertainment-typography-line-height-label3-md
  );
  --typography-line-height-label3-lg: var(
    --line-height-entertainment-typography-line-height-label3-lg
  );
  --typography-line-height-link1-sm: var(
    --line-height-entertainment-typography-line-height-link1-sm
  );
  --typography-line-height-link1-md: var(
    --line-height-entertainment-typography-line-height-link1-md
  );
  --typography-line-height-link1-lg: var(
    --line-height-entertainment-typography-line-height-linkl1-lg
  );
  --typography-line-height-link2-sm: var(
    --line-height-entertainment-typography-line-height-link2-sm
  );
  --typography-line-height-link2-md: var(
    --line-height-entertainment-typography-line-height-link2-md
  );
  --typography-line-height-link2-lg: var(
    --line-height-entertainment-typography-line-height-linkl2-lg
  );
  --typography-line-height-footnote-sm: var(
    --line-height-entertainment-typography-line-height-footnote-sm
  );
  --typography-line-height-footnote-md: var(
    --line-height-entertainment-typography-line-height-footnote-md
  );
  --typography-line-height-footnote-lg: var(
    --line-height-entertainment-typography-line-height-footnote-lg
  );
  --typography-line-height-caption-sm: var(
    --line-height-entertainment-typography-line-height-caption-sm
  );
  --typography-line-height-caption-md: var(
    --line-height-entertainment-typography-line-height-caption-md
  );
  --typography-line-height-caption-lg: var(
    --line-height-entertainment-typography-line-height-caption-lg
  );
  --typography-font-weight-body1-strong: var(
   --font-weight-entertainment-typography-font-weight-body1-strong
  );
}
