.theme-astro {
  /* Colors */
  --color-background-default: var(--color-astro-color-background-default);
  --color-background-subtle: var(--color-astro-color-background-subtle);
  --color-background-subtle-neutral: var(--color-astro-color-background-subtle-neutral);
  --color-surface-default: var(--color-astro-color-surface-default);
  --color-background-inverse-neutral: var(--color-astro-color-background-inverse-neutral);
  --color-background-inverse: var(--color-astro-color-background-inverse);
  --color-foreground-on-hover: var(--color-astro-color-foreground-on-hover);
  --color-foreground-on-disabled: var(--color-astro-color-foreground-on-disabled);
  --color-surface-subtle: var(--color-astro-color-surface-subtle);
  --color-surface-acrylic-regular: var(--color-astro-color-surface-acrylic-regular);
  --color-surface-acrylic-thin: var(--color-astro-color-surface-acrylic-thin);
  --color-surface-acrylic-stroke: var(--color-astro-color-surface-acrylic-stroke);
  --color-border-width-border-width-active: var(--color-astro-color-border-width-border-width-active);
  --color-foreground-on-active: var(--color-astro-color-foreground-on-active);
  --color-surface-active: var(--color-astro-color-surface-active);
  --color-surface-hover: var(--color-astro-color-surface-hover);
  --color-surface-disabled: var(--color-astro-color-surface-disabled);
  --color-foreground-default: var(--color-astro-color-foreground-default);
  --color-foreground-strongest: var(--color-astro-color-foreground-strongest);
  --color-foreground-strong: var(--color-astro-color-foreground-strong);
  --color-foreground-subtle: var(--color-astro-color-foreground-subtle);
  --color-foreground-active: var(--color-astro-color-foreground-active);
  --color-foreground-secondary-active: var(--color-astro-color-foreground-secondary-active);
  --color-foreground-interaction-active: var(--color-astro-color-foreground-interaction-active);
  --color-foreground-inactive: var(--color-astro-color-foreground-inactive);
  --color-foreground-hover: var(--color-astro-color-foreground-hover);
  --color-foreground-disabled: var(--color-astro-color-foreground-disabled);
  --color-foreground-on-inverse-active: var(--color-astro-color-foreground-on-inverse-active);
  --color-foreground-on-inverse-inactive: var(--color-astro-color-foreground-on-inverse-inactive);
  --color-foreground-on-value: var(--color-astro-color-foreground-on-value);
  --color-foreground-on-new: var(--color-astro-color-foreground-on-new);
  --color-foreground-on-popular: var(--color-astro-color-foreground-on-popular);
  --color-foreground-on-error: var(--color-astro-color-foreground-on-error);
  --color-foreground-on-error-strong: var(--color-astro-color-foreground-on-error-strong);
  --color-foreground-on-success: var(--color-astro-color-foreground-on-success);
  --color-foreground-on-success-strong: var(--color-astro-color-foreground-on-success-strong);
  --color-foreground-on-warning: var(--color-astro-color-foreground-on-warning);
  --color-foreground-on-warning-strong: var(--color-astro-color-foreground-on-warning-strong);
  --color-foreground-on-info: var(--color-astro-color-foreground-on-info);
  --color-foreground-on-info-strong: var(--color-astro-color-foreground-on-info-strong);
  --color-foreground-on-promo: var(--color-astro-color-foreground-on-promo);
  --color-surface-inverse-neutral-default: var(--color-astro-color-surface-inverse-neutral-default);
  --color-surface-inverse-neutral-strongest: var(--color-astro-color-surface-inverse-neutral-strongest);
  --color-surface-on-inverse-active: var(--color-astro-color-surface-on-inverse-active);
  --color-surface-on-inverse-hover: var(--color-astro-color-surface-on-inverse-hover);
  --color-surface-on-inverse-disabled: var(--color-astro-color-surface-on-inverse-disabled);
  --color-surface-on-inverse-skeleton: var(--color-astro-color-surface-on-inverse-skeleton);
  --color-border-width-border-width-default: var(--color-astro-color-border-width-border-width-default);
  --color-border-width-border-width-disabled: var(--color-astro-color-border-width-border-width-disabled);
  --color-border-width-border-width-neutral-active: var(--color-astro-color-border-width-border-width-neutral-active);
  --color-border-width-border-width-neutral-inactive: var(--color-astro-color-border-width-border-width-neutral-inactive);
  --color-border-width-border-width-neutral-strongest: var(--color-astro-color-border-width-border-width-neutral-strongest);
  --color-border-width-border-width-error: var(--color-astro-color-border-width-border-width-error);
  --color-border-width-border-width-interaction-active: var(--color-astro-color-border-width-border-width-interaction-active);
  --color-border-width-border-width-interaction-hover: var(--color-astro-color-border-width-border-width-interaction-hover);
  --color-border-width-border-width-on-inverse: var(--color-astro-color-border-width-border-width-on-inverse);
  --color-surface-interaction-active: var(--color-astro-color-surface-interaction-active);
  --color-surface-interaction-hover: var(--color-astro-color-surface-interaction-hover);
  --color-surface-interaction-disabled: var(--color-astro-color-surface-interaction-disabled);
  --color-surface-error: var(--color-astro-color-surface-error);
  --color-surface-success: var(--color-astro-color-surface-success);
  --color-surface-warning: var(--color-astro-color-surface-warning);
  --color-surface-info: var(--color-astro-color-surface-info);
  --color-surface-promo: var(--color-astro-color-surface-promo);
  --color-surface-live: var(--color-astro-color-surface-live);
  --color-surface-business: var(--color-astro-color-surface-business);
  --color-surface-corporate: var(--color-astro-color-surface-corporate);
  --color-surface-consumer: var(--color-astro-color-surface-consumer);

  /*---- font size ----*/
  --typography-font-size-display-sm: var(--font-size-astro-typography-font-size-display-sm);
  --typography-font-size-display-md: var(--font-size-astro-typography-font-size-display-md);
  --typography-font-size-display-lg: var(--font-size-astro-typography-font-size-display-lg);
  --typography-font-size-heading1-sm: var(--font-size-astro-typography-font-size-heading1-sm);
  --typography-font-size-heading1-md: var(--font-size-astro-typography-font-size-heading1-md);
  --typography-font-size-heading1-lg: var(--font-size-astro-typography-font-size-heading1-lg);
  --typography-font-size-heading2-sm: var(--font-size-astro-typography-font-size-heading2-sm);
  --typography-font-size-heading2-md: var(--font-size-astro-typography-font-size-heading2-md);
  --typography-font-size-heading2-lg: var(--font-size-astro-typography-font-size-heading2-lg);
  --typography-font-size-heading3-sm: var(--font-size-astro-typography-font-size-heading3-sm);
  --typography-font-size-heading3-md: var(--font-size-astro-typography-font-size-heading3-md);
  --typography-font-size-heading3-lg: var(--font-size-astro-typography-font-size-heading3-lg);
  --typography-font-size-heading4-sm: var(--font-size-astro-typography-font-size-heading4-sm);
  --typography-font-size-heading4-md: var(--font-size-astro-typography-font-size-heading4-md);
  --typography-font-size-heading4-lg: var(--font-size-astro-typography-font-size-heading4-lg);
  --typography-font-size-heading5-sm: var(--font-size-astro-typography-font-size-heading5-sm);
  --typography-font-size-heading5-md: var(--font-size-astro-typography-font-size-heading5-md);
  --typography-font-size-heading5-lg: var(--font-size-astro-typography-font-size-heading5-lg);
  --typography-font-size-body-sm: var(--font-size-astro-typography-font-size-body-sm);
  --typography-font-size-body-md: var(--font-size-astro-typography-font-size-body-md);
  --typography-font-size-body-lg: var(--font-size-astro-typography-font-size-body-lg);
  --typography-font-size-body-strong-sm: var(--font-size-astro-typography-font-size-body-strong-sm);
  --typography-font-size-body-strong-md: var(--font-size-astro-typography-font-size-body-strong-md);
  --typography-font-size-body-strong-lg: var(--font-size-astro-typography-font-size-body-strong-lg);
  --typography-font-size-footnote-sm: var(--font-size-astro-typography-font-size-footnote-sm);
  --typography-font-size-footnote-md: var(--font-size-astro-typography-font-size-footnote-md);
  --typography-font-size-footnote-lg: var(--font-size-astro-typography-font-size-footnote-lg);
  --typography-font-size-footnote-strong-sm: var(--font-size-astro-typography-font-size-footnote-strong-sm);
  --typography-font-size-footnote-strong-md: var(--font-size-astro-typography-font-size-footnote-strong-md);
  --typography-font-size-footnote-strong-lg: var(--font-size-astro-typography-font-size-footnote-strong-lg);
  --typography-font-size-caption-sm: var(--font-size-astro-typography-font-size-caption-sm);
  --typography-font-size-caption-md: var(--font-size-astro-typography-font-size-caption-md);
  --typography-font-size-caption-lg: var(--font-size-astro-typography-font-size-caption-lg);
  --typography-font-size-caption-strong-sm: var(--font-size-astro-typography-font-size-caption-strong-sm);
  --typography-font-size-caption-strong-md: var(--font-size-astro-typography-font-size-caption-strong-md);
  --typography-font-size-caption-strong-lg: var(--font-size-astro-typography-font-size-caption-strong-lg);
  --typography-font-size-label1-sm: var(--font-size-astro-typography-font-size-label1-sm);
  --typography-font-size-label1-md: var(--font-size-astro-typography-font-size-label1-md);
  --typography-font-size-label1-lg: var(--font-size-astro-typography-font-size-label1-lg);
  --typography-font-size-label2-sm: var(--font-size-astro-typography-font-size-label2-sm);
  --typography-font-size-label2-md: var(--font-size-astro-typography-font-size-label2-md);
  --typography-font-size-label2-lg: var(--font-size-astro-typography-font-size-label2-lg);
  --typography-font-size-label3-sm: var(--font-size-astro-typography-font-size-label3-sm);
  --typography-font-size-label3-md: var(--font-size-astro-typography-font-size-label3-md);
  --typography-font-size-label3-lg: var(--font-size-astro-typography-font-size-label3-lg);

  /*---- line height ----*/
  --typography-line-height-display-sm: var(--line-height-astro-typography-line-height-display-sm);
  --typography-line-height-display-md: var(--line-height-astro-typography-line-height-display-md);
  --typography-line-height-display-lg: var(--line-height-astro-typography-line-height-display-lg);
  --typography-line-height-heading1-sm: var(--line-height-astro-typography-line-height-heading1-sm);
  --typography-line-height-heading1-md: var(--line-height-astro-typography-line-height-heading1-md);
  --typography-line-height-heading1-lg: var(--line-height-astro-typography-line-height-heading1-lg);
  --typography-line-height-heading2-sm: var(--line-height-astro-typography-line-height-heading2-sm);
  --typography-line-height-heading2-md: var(--line-height-astro-typography-line-height-heading2-md);
  --typography-line-height-heading2-lg: var(--line-height-astro-typography-line-height-heading2-lg);
  --typography-line-height-heading3-sm: var(--line-height-astro-typography-line-height-heading3-sm);
  --typography-line-height-heading3-md: var(--line-height-astro-typography-line-height-heading3-md);
  --typography-line-height-heading3-lg: var(--line-height-astro-typography-line-height-heading3-lg);
  --typography-line-height-heading4-sm: var(--line-height-astro-typography-line-height-heading4-sm);
  --typography-line-height-heading4-md: var(--line-height-astro-typography-line-height-heading4-md);
  --typography-line-height-heading4-lg: var(--line-height-astro-typography-line-height-heading4-lg);
  --typography-line-height-heading5-sm: var(--line-height-astro-typography-line-height-heading5-sm);
  --typography-line-height-heading5-md: var(--line-height-astro-typography-line-height-heading5-md);
  --typography-line-height-heading5-lg: var(--line-height-astro-typography-line-height-heading5-lg);
  --typography-line-height-body-sm: var(--line-height-astro-typography-line-height-body-sm);
  --typography-line-height-body-md: var(--line-height-astro-typography-line-height-body-md);
  --typography-line-height-body-lg: var(--line-height-astro-typography-line-height-body-lg);
  --typography-line-height-body-strong-sm: var(--line-height-astro-typography-line-height-body-strong-sm);
  --typography-line-height-body-strong-md: var(--line-height-astro-typography-line-height-body-strong-md);
  --typography-line-height-body-strong-lg: var(--line-height-astro-typography-line-height-body-strong-lg);
  --typography-line-height-footnote-sm: var(--line-height-astro-typography-line-height-footnote-sm);
  --typography-line-height-footnote-md: var(--line-height-astro-typography-line-height-footnote-md);
  --typography-line-height-footnote-lg: var(--line-height-astro-typography-line-height-footnote-lg);
  --typography-line-height-footnote-strong-sm: var(--line-height-astro-typography-line-height-footnote-strong-sm);
  --typography-line-height-footnote-strong-md: var(--line-height-astro-typography-line-height-footnote-strong-md);
  --typography-line-height-footnote-strong-lg: var(--line-height-astro-typography-line-height-footnote-strong-lg);
  --typography-line-height-caption-sm: var(--line-height-astro-typography-line-height-caption-sm);
  --typography-line-height-caption-md: var(--line-height-astro-typography-line-height-caption-md);
  --typography-line-height-caption-lg: var(--line-height-astro-typography-line-height-caption-lg);
  --typography-line-height-caption-strong-sm: var(--line-height-astro-typography-line-height-caption-strong-sm);
  --typography-line-height-caption-strong-md: var(--line-height-astro-typography-line-height-caption-strong-md);
  --typography-line-height-caption-strong-lg: var(--line-height-astro-typography-line-height-caption-strong-lg);
  --typography-line-height-label1-sm: var(--line-height-astro-typography-line-height-label1-sm);
  --typography-line-height-label1-md: var(--line-height-astro-typography-line-height-label1-md);
  --typography-line-height-label1-lg: var(--line-height-astro-typography-line-height-label1-lg);
  --typography-line-height-label2-sm: var(--line-height-astro-typography-line-height-label2-sm);
  --typography-line-height-label2-md: var(--line-height-astro-typography-line-height-label2-md);
  --typography-line-height-label2-lg: var(--line-height-astro-typography-line-height-label2-lg);
  --typography-line-height-label3-sm: var(--line-height-astro-typography-line-height-label3-sm);
  --typography-line-height-label3-md: var(--line-height-astro-typography-line-height-label3-md);
  --typography-line-height-label3-lg: var(--line-height-astro-typography-line-height-label3-lg);
}

.theme-njoi {
  /* Colors */
  --color-background-default: var(--color-njoi-color-background-default);
  --color-background-subtle: var(--color-njoi-color-background-subtle);
  --color-background-subtle-neutral: var(--color-njoi-color-background-subtle-neutral);
  --color-background-inverse-neutral: var(--color-njoi-color-background-inverse-neutral);
  --color-background-inverse: var(--color-njoi-color-background-inverse);
  --color-surface-default: var(--color-njoi-color-surface-default);
  --color-surface-subtle: var(--color-njoi-color-surface-subtle);
  --color-surface-active: var(--color-njoi-color-surface-active);
  --color-surface-hover: var(--color-njoi-color-surface-hover);
  --color-surface-disabled: var(--color-njoi-color-surface-disabled);
  --color-surface-acrylic-regular: var(--color-njoi-color-surface-acrylic-regular);
  --color-surface-acrylic-thin: var(--color-njoi-color-surface-acrylic-thin);
  --color-surface-acrylic-stroke: var(--color-njoi-color-surface-acrylic-stroke);
  --color-foreground-on-active: var(--color-njoi-color-foreground-on-active);
  --color-foreground-on-hover: var(--color-njoi-color-foreground-on-hover);
  --color-foreground-on-disabled: var(--color-njoi-color-foreground-on-disabled);
  --color-border-width-border-width-active: var(--color-njoi-color-border-width-border-width-active);
  --color-surface-inverse-neutral-default: var(--color-njoi-color-surface-inverse-neutral-default);
  --color-surface-inverse-neutral-strongest: var(--color-njoi-color-surface-inverse-neutral-strongest);
  --color-surface-on-inverse-active: var(--color-njoi-color-surface-on-inverse-active);
  --color-surface-on-inverse-hover: var(--color-njoi-color-surface-on-inverse-hover);
  --color-surface-on-inverse-disabled: var(--color-njoi-color-surface-on-inverse-disabled);
  --color-surface-on-inverse-skeleton: var(--color-njoi-color-surface-on-inverse-skeleton);
  --color-surface-interaction-active: var(--color-njoi-color-surface-interaction-active);
  --color-surface-interaction-hover: var(--color-njoi-color-surface-interaction-hover);
  --color-surface-interaction-disabled: var(--color-njoi-color-surface-interaction-disabled);
  --color-surface-error: var(--color-njoi-color-surface-error);
  --color-surface-success: var(--color-njoi-color-surface-success);
  --color-surface-warning: var(--color-njoi-color-surface-warning);
  --color-surface-info: var(--color-njoi-color-surface-info);
  --color-surface-promo: var(--color-njoi-color-surface-promo);
  --color-surface-live: var(--color-njoi-color-surface-live);
  --color-foreground-default: var(--color-njoi-color-foreground-default);
  --color-foreground-strongest: var(--color-njoi-color-foreground-strongest);
  --color-foreground-strong: var(--color-njoi-color-foreground-strong);
  --color-foreground-subtle: var(--color-njoi-color-foreground-subtle);
  --color-foreground-active: var(--color-njoi-color-foreground-active);
  --color-foreground-secondary-active: var(--color-njoi-color-foreground-secondary-active);
  --color-foreground-interaction-active: var(--color-njoi-color-foreground-interaction-active);
  --color-foreground-inactive: var(--color-njoi-color-foreground-inactive);
  --color-foreground-hover: var(--color-njoi-color-foreground-hover);
  --color-foreground-disabled: var(--color-njoi-color-foreground-disabled);
  --color-foreground-on-inverse-active: var(--color-njoi-color-foreground-on-inverse-active);
  --color-foreground-on-inverse-inactive: var(--color-njoi-color-foreground-on-inverse-inactive);
  --color-foreground-on-value: var(--color-njoi-color-foreground-on-value);
  --color-foreground-on-new: var(--color-njoi-color-foreground-on-new);
  --color-foreground-on-popular: var(--color-njoi-color-foreground-on-popular);
  --color-foreground-on-error: var(--color-njoi-color-foreground-on-error);
  --color-foreground-on-error-strong: var(--color-njoi-color-foreground-on-error-strong);
  --color-foreground-on-success: var(--color-njoi-color-foreground-on-success);
  --color-foreground-on-success-strong: var(--color-njoi-color-foreground-on-success-strong);
  --color-foreground-on-warning: var(--color-njoi-color-foreground-on-warning);
  --color-foreground-on-warning-strong: var(--color-njoi-color-foreground-on-warning-strong);
  --color-foreground-on-info: var(--color-njoi-color-foreground-on-info);
  --color-foreground-on-info-strong: var(--color-njoi-color-foreground-on-info-strong);
  --color-foreground-on-promo: var(--color-njoi-color-foreground-on-promo);
  --color-border-width-border-width-default: var(--color-njoi-color-border-width-border-width-default);
  --color-border-width-border-width-disabled: var(--color-njoi-color-border-width-border-width-disabled);
  --color-border-width-border-width-neutral-active: var(--color-njoi-color-border-width-border-width-neutral-active);
  --color-border-width-border-width-neutral-inactive: var(--color-njoi-color-border-width-border-width-neutral-inactive);
  --color-border-width-border-width-neutral-strongest: var(--color-njoi-color-border-width-border-width-neutral-strongest);
  --color-border-width-border-width-error: var(--color-njoi-color-border-width-border-width-error);
  --color-border-width-border-width-interaction-active: var(--color-njoi-color-border-width-border-width-interaction-active);
  --color-border-width-border-width-interaction-hover: var(--color-njoi-color-border-width-border-width-interaction-hover);
  --color-border-width-border-width-on-inverse: var(--color-njoi-color-border-width-border-width-on-inverse);

  /*---- font size ----*/
  --typography-font-size-display-sm: var(--font-size-njoi-typography-font-size-display-sm);
  --typography-font-size-display-md: var(--font-size-njoi-typography-font-size-display-md);
  --typography-font-size-display-lg: var(--font-size-njoi-typography-font-size-display-lg);
  --typography-font-size-heading1-sm: var(--font-size-njoi-typography-font-size-heading1-sm);
  --typography-font-size-heading1-md: var(--font-size-njoi-typography-font-size-heading1-md);
  --typography-font-size-heading1-lg: var(--font-size-njoi-typography-font-size-heading1-lg);
  --typography-font-size-heading2-sm: var(--font-size-njoi-typography-font-size-heading2-sm);
  --typography-font-size-heading2-md: var(--font-size-njoi-typography-font-size-heading2-md);
  --typography-font-size-heading2-lg: var(--font-size-njoi-typography-font-size-heading2-lg);
  --typography-font-size-heading3-sm: var(--font-size-njoi-typography-font-size-heading3-sm);
  --typography-font-size-heading3-md: var(--font-size-njoi-typography-font-size-heading3-md);
  --typography-font-size-heading3-lg: var(--font-size-njoi-typography-font-size-heading3-lg);
  --typography-font-size-heading4-sm: var(--font-size-njoi-typography-font-size-heading4-sm);
  --typography-font-size-heading4-md: var(--font-size-njoi-typography-font-size-heading4-md);
  --typography-font-size-heading4-lg: var(--font-size-njoi-typography-font-size-heading4-lg);
  --typography-font-size-heading5-sm: var(--font-size-njoi-typography-font-size-heading5-sm);
  --typography-font-size-heading5-md: var(--font-size-njoi-typography-font-size-heading5-md);
  --typography-font-size-heading5-lg: var(--font-size-njoi-typography-font-size-heading5-lg);
  --typography-font-size-body-sm: var(--font-size-njoi-typography-font-size-body-sm);
  --typography-font-size-body-md: var(--font-size-njoi-typography-font-size-body-md);
  --typography-font-size-body-lg: var(--font-size-njoi-typography-font-size-body-lg);
  --typography-font-size-body-strong-sm: var(--font-size-njoi-typography-font-size-body-strong-sm);
  --typography-font-size-body-strong-md: var(--font-size-njoi-typography-font-size-body-strong-md);
  --typography-font-size-body-strong-lg: var(--font-size-njoi-typography-font-size-body-strong-lg);
  --typography-font-size-footnote-sm: var(--font-size-njoi-typography-font-size-footnote-sm);
  --typography-font-size-footnote-md: var(--font-size-njoi-typography-font-size-footnote-md);
  --typography-font-size-footnote-lg: var(--font-size-njoi-typography-font-size-footnote-lg);
  --typography-font-size-footnote-strong-sm: var(--font-size-njoi-typography-font-size-footnote-strong-sm);
  --typography-font-size-footnote-strong-md: var(--font-size-njoi-typography-font-size-footnote-strong-md);
  --typography-font-size-footnote-strong-lg: var(--font-size-njoi-typography-font-size-footnote-strong-lg);
  --typography-font-size-caption-sm: var(--font-size-njoi-typography-font-size-caption-sm);
  --typography-font-size-caption-md: var(--font-size-njoi-typography-font-size-caption-md);
  --typography-font-size-caption-lg: var(--font-size-njoi-typography-font-size-caption-lg);
  --typography-font-size-caption-strong-sm: var(--font-size-njoi-typography-font-size-caption-strong-sm);
  --typography-font-size-caption-strong-md: var(--font-size-njoi-typography-font-size-caption-strong-md);
  --typography-font-size-caption-strong-lg: var(--font-size-njoi-typography-font-size-caption-strong-lg);
  --typography-font-size-label1-sm: var(--font-size-njoi-typography-font-size-label1-sm);
  --typography-font-size-label1-md: var(--font-size-njoi-typography-font-size-label1-md);
  --typography-font-size-label1-lg: var(--font-size-njoi-typography-font-size-label1-lg);
  --typography-font-size-label2-sm: var(--font-size-njoi-typography-font-size-label2-sm);
  --typography-font-size-label2-md: var(--font-size-njoi-typography-font-size-label2-md);
  --typography-font-size-label2-lg: var(--font-size-njoi-typography-font-size-label2-lg);
  --typography-font-size-label3-sm: var(--font-size-njoi-typography-font-size-label3-sm);
  --typography-font-size-label3-md: var(--font-size-njoi-typography-font-size-label3-md);
  --typography-font-size-label3-lg: var(--font-size-njoi-typography-font-size-label3-lg);

  /*---- line height ----*/
  --typography-line-height-display-sm: var(--line-height-njoi-typography-line-height-display-sm);
  --typography-line-height-display-md: var(--line-height-njoi-typography-line-height-display-md);
  --typography-line-height-display-lg: var(--line-height-njoi-typography-line-height-display-lg);
  --typography-line-height-heading1-sm: var(--line-height-njoi-typography-line-height-heading1-sm);
  --typography-line-height-heading1-md: var(--line-height-njoi-typography-line-height-heading1-md);
  --typography-line-height-heading1-lg: var(--line-height-njoi-typography-line-height-heading1-lg);
  --typography-line-height-heading2-sm: var(--line-height-njoi-typography-line-height-heading2-sm);
  --typography-line-height-heading2-md: var(--line-height-njoi-typography-line-height-heading2-md);
  --typography-line-height-heading2-lg: var(--line-height-njoi-typography-line-height-heading2-lg);
  --typography-line-height-heading3-sm: var(--line-height-njoi-typography-line-height-heading3-sm);
  --typography-line-height-heading3-md: var(--line-height-njoi-typography-line-height-heading3-md);
  --typography-line-height-heading3-lg: var(--line-height-njoi-typography-line-height-heading3-lg);
  --typography-line-height-heading4-sm: var(--line-height-njoi-typography-line-height-heading4-sm);
  --typography-line-height-heading4-md: var(--line-height-njoi-typography-line-height-heading4-md);
  --typography-line-height-heading4-lg: var(--line-height-njoi-typography-line-height-heading4-lg);
  --typography-line-height-heading5-sm: var(--line-height-njoi-typography-line-height-heading5-sm);
  --typography-line-height-heading5-md: var(--line-height-njoi-typography-line-height-heading5-md);
  --typography-line-height-heading5-lg: var(--line-height-njoi-typography-line-height-heading5-lg);
  --typography-line-height-body-sm: var(--line-height-njoi-typography-line-height-body-sm);
  --typography-line-height-body-md: var(--line-height-njoi-typography-line-height-body-md);
  --typography-line-height-body-lg: var(--line-height-njoi-typography-line-height-body-lg);
  --typography-line-height-body-strong-sm: var(--line-height-njoi-typography-line-height-body-strong-sm);
  --typography-line-height-body-strong-md: var(--line-height-njoi-typography-line-height-body-strong-md);
  --typography-line-height-body-strong-lg: var(--line-height-njoi-typography-line-height-body-strong-lg);
  --typography-line-height-footnote-sm: var(--line-height-njoi-typography-line-height-footnote-sm);
  --typography-line-height-footnote-md: var(--line-height-njoi-typography-line-height-footnote-md);
  --typography-line-height-footnote-lg: var(--line-height-njoi-typography-line-height-footnote-lg);
  --typography-line-height-footnote-strong-sm: var(--line-height-njoi-typography-line-height-footnote-strong-sm);
  --typography-line-height-footnote-strong-md: var(--line-height-njoi-typography-line-height-footnote-strong-md);
  --typography-line-height-footnote-strong-lg: var(--line-height-njoi-typography-line-height-footnote-strong-lg);
  --typography-line-height-caption-sm: var(--line-height-njoi-typography-line-height-caption-sm);
  --typography-line-height-caption-md: var(--line-height-njoi-typography-line-height-caption-md);
  --typography-line-height-caption-lg: var(--line-height-njoi-typography-line-height-caption-lg);
  --typography-line-height-caption-strong-sm: var(--line-height-njoi-typography-line-height-caption-strong-sm);
  --typography-line-height-caption-strong-md: var(--line-height-njoi-typography-line-height-caption-strong-md);
  --typography-line-height-caption-strong-lg: var(--line-height-njoi-typography-line-height-caption-strong-lg);
  --typography-line-height-label1-sm: var(--line-height-njoi-typography-line-height-label1-sm);
  --typography-line-height-label1-md: var(--line-height-njoi-typography-line-height-label1-md);
  --typography-line-height-label1-lg: var(--line-height-njoi-typography-line-height-label1-lg);
  --typography-line-height-label2-sm: var(--line-height-njoi-typography-line-height-label2-sm);
  --typography-line-height-label2-md: var(--line-height-njoi-typography-line-height-label2-md);
  --typography-line-height-label2-lg: var(--line-height-njoi-typography-line-height-label2-lg);
  --typography-line-height-label3-sm: var(--line-height-njoi-typography-line-height-label3-sm);
  --typography-line-height-label3-md: var(--line-height-njoi-typography-line-height-label3-md);
  --typography-line-height-label3-lg: var(--line-height-njoi-typography-line-height-label3-lg);
}