/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --focus-ring-width: 0.2rem;
  --focus-ring-transition: outline-offset 145ms cubic-bezier(0.25, 0, 0.4, 1);
  --input-transition: background-color 150ms ease, box-shadow 150ms ease;
  --button-primary-background: var(--color-gray-black);
  --button-primary-background-hover: var(--color-gray-700);
  --button-primary-background-active: var(--color-gray-500);
  --button-primary-background-disabled: var(--color-gray-400);
  --button-primary-text: var(--color-gray-white);
  --button-primary-text-hover: var(--color-gray-white);
  --button-primary-text-active: var(--color-gray-white);
  --button-primary-text-disabled: var(--color-gray-white);
  --button-primary-border: var(--color-gray-black);
  --button-primary-border-hover: var(--color-gray-700);
  --button-primary-border-active: var(--color-gray-500);
  --button-primary-border-disabled: var(--color-gray-400);
  --button-primary-font-size: var(--font-size-medium);
  --button-primary-line-height: var(--font-line-height-small);
  --button-primary-border-radius: var(--border-radius-xx-small);
  --button-primary-border-width: var(--border-width-thin);
  --button-secondary-background: var(--color-gray-white);
  --button-secondary-background-hover: var(--color-gray-100);
  --button-secondary-background-active: var(--color-gray-200);
  --button-secondary-background-disabled: var(--color-gray-300);
  --button-secondary-text: var(--color-gray-black);
  --button-secondary-text-hover: var(--color-gray-black);
  --button-secondary-text-active: var(--color-gray-black);
  --button-secondary-text-disabled: var(--color-gray-black);
  --button-secondary-border: var(--color-gray-200);
  --button-secondary-border-hover: var(--color-gray-400);
  --button-secondary-border-active: var(--color-gray-black);
  --button-secondary-border-disabled: var(--color-gray-400);
  --button-secondary-font-size: var(--font-size-medium);
  --button-secondary-line-height: var(--font-line-height-small);
  --button-secondary-border-radius: var(--border-radius-xx-small);
  --button-secondary-border-width: var(--border-width-thin);
  --button-tertiary-background: var(--color-gray-white);
  --button-tertiary-background-hover: var(--color-gray-100);
  --button-tertiary-background-active: var(--color-gray-200);
  --button-tertiary-background-disabled: var(--color-gray-300);
  --button-tertiary-text: var(--color-gray-black);
  --button-tertiary-text-hover: var(--color-gray-black);
  --button-tertiary-text-active: var(--color-gray-black);
  --button-tertiary-text-disabled: var(--color-gray-black);
  --button-tertiary-border: var(--color-transparent);
  --button-tertiary-border-hover: var(--color-gray-200);
  --button-tertiary-border-active: var(--color-gray-black);
  --button-tertiary-border-disabled: var(--color-transparent);
  --button-tertiary-font-size: var(--font-size-medium);
  --button-tertiary-line-height: var(--font-line-height-small);
  --button-tertiary-border-radius: var(--border-radius-xx-small);
  --button-tertiary-border-width: var(--border-width-thin);
  --button-danger-primary-background: var(--color-red-600);
  --button-danger-primary-background-hover: var(--color-red-700);
  --button-danger-primary-background-active: var(--color-red-600);
  --button-danger-primary-background-disabled: var(--color-red-400);
  --button-danger-primary-text: var(--color-gray-white);
  --button-danger-primary-text-hover: var(--color-gray-white);
  --button-danger-primary-text-active: var(--color-gray-white);
  --button-danger-primary-text-disabled: var(--color-gray-white);
  --button-danger-primary-border: var(--color-red-600);
  --button-danger-primary-border-hover: var(--color-red-700);
  --button-danger-primary-border-active: var(--color-red-600);
  --button-danger-primary-border-disabled: var(--color-red-400);
  --button-danger-primary-font-size: var(--font-size-medium);
  --button-danger-primary-line-height: var(--font-line-height-small);
  --button-danger-primary-border-radius: var(--border-radius-xx-small);
  --button-danger-primary-border-width: var(--border-width-thin);
  --button-danger-secondary-background: var(--color-gray-white);
  --button-danger-secondary-background-hover: var(--color-gray-100);
  --button-danger-secondary-background-active: var(--color-gray-200);
  --button-danger-secondary-background-disabled: var(--color-gray-300);
  --button-danger-secondary-text: var(--color-red-600);
  --button-danger-secondary-text-hover: var(--color-red-600);
  --button-danger-secondary-text-active: var(--color-red-600);
  --button-danger-secondary-text-disabled: var(--color-red-600);
  --button-danger-secondary-border: var(--color-gray-white);
  --button-danger-secondary-border-hover: var(--color-gray-100);
  --button-danger-secondary-border-active: var(--color-gray-200);
  --button-danger-secondary-border-disabled: var(--color-gray-300);
  --button-danger-secondary-font-size: var(--font-size-medium);
  --button-danger-secondary-line-height: var(--font-line-height-small);
  --button-danger-secondary-border-radius: var(--border-radius-xx-small);
  --button-danger-secondary-border-width: var(--border-width-thin);
  --button-size-sm-padding-inline: var(--spacing-x-small);
  --button-size-sm-padding-block: var(--spacing-x-small);
  --button-size-sm-min-width: var(--a11y-min-touch-target);
  --button-size-md-padding-inline: var(--spacing-small);
  --button-size-md-padding-block: var(--spacing-small);
  --button-size-md-min-width: var(--a11y-min-touch-target);
  --button-size-lg-padding-inline: var(--spacing-medium);
  --button-size-lg-padding-block: var(--spacing-medium);
  --button-size-lg-min-width: var(--a11y-min-touch-target);
  --color-background-primary: var(--color-gray-white);
  --color-background-secondary: var(--color-gray-50);
  --color-background-tertiary: var(--color-gray-100);
  --color-background-inverse: var(--color-gray-black);
  --color-background-overlay: var(--color-overlay-dark);
  --color-background-backdrop: var(--color-overlay-light);
  --color-background-elevated: var(--color-gray-white);
  --color-background-sunken: var(--color-gray-50);
  --color-surface-primary: var(--color-gray-white);
  --color-surface-secondary: var(--color-gray-50);
  --color-surface-tertiary: var(--color-gray-100);
  --color-surface-hover: var(--color-gray-100);
  --color-surface-active: var(--color-gray-200);
  --color-surface-disabled: var(--color-gray-400);
  --color-surface-selected: var(--color-gray-white);
  --color-surface-inverse: var(--color-gray-black);
  --color-border-primary: var(--color-gray-100);
  --color-border-secondary: var(--color-gray-200);
  --color-border-tertiary: var(--color-gray-500);
  --color-border-interactive: var(--color-gray-200);
  --color-border-hover: var(--color-gray-400);
  --color-border-focus: var(--color-gray-black);
  --color-border-error: var(--color-red-600);
  --color-border-success: var(--color-green-700);
  --color-border-warning: var(--color-orange-500);
  --color-border-info: var(--color-blue-500);
  --color-border-disabled: var(--color-gray-400);
  --color-border-readonly: var(--color-gray-black);
  --color-border-inverse: var(--color-gray-black);
  --color-text-primary: var(--color-gray-black);
  --color-text-secondary: var(--color-gray-700);
  --color-text-tertiary: var(--color-gray-600);
  --color-text-quaternary: var(--color-gray-500);
  --color-text-placeholder: var(--color-gray-500);
  --color-text-disabled: var(--color-gray-400);
  --color-text-inverse: var(--color-gray-white);
  --color-text-link: var(--color-gray-black);
  --color-text-link-hover: var(--color-gray-700);
  --color-text-link-visited: var(--color-gray-600);
  --color-text-error: var(--color-red-600);
  --color-text-success: var(--color-green-700);
  --color-text-warning: var(--color-orange-700);
  --color-text-info: var(--color-blue-500);
  --color-icon-primary: var(--color-gray-black);
  --color-icon-secondary: var(--color-gray-600);
  --color-icon-tertiary: var(--color-gray-500);
  --color-icon-interactive: var(--color-gray-black);
  --color-icon-hover: var(--color-gray-700);
  --color-icon-active: var(--color-gray-black);
  --color-icon-disabled: var(--color-gray-400);
  --color-icon-inverse: var(--color-gray-white);
  --color-icon-error: var(--color-red-600);
  --color-icon-success: var(--color-green-700);
  --color-icon-warning: var(--color-orange-700);
  --color-icon-info: var(--color-blue-500);
  --color-interactive-primary-default: var(--color-gray-black);
  --color-interactive-primary-hover: var(--color-gray-700);
  --color-interactive-primary-active: var(--color-gray-500);
  --color-interactive-primary-disabled: var(--color-gray-400);
  --color-interactive-inverse-default: var(--color-gray-white);
  --color-interactive-inverse-hover: var(--color-gray-100);
  --color-interactive-inverse-active: var(--color-gray-200);
  --color-interactive-inverse-disabled: var(--color-gray-300);
  --color-interactive-success-default: var(--color-green-600);
  --color-interactive-success-hover: var(--color-green-700);
  --color-interactive-success-active: var(--color-green-600);
  --color-interactive-success-disabled: var(--color-green-400);
  --color-interactive-warning-default: var(--color-orange-600);
  --color-interactive-warning-hover: var(--color-orange-700);
  --color-interactive-warning-active: var(--color-orange-600);
  --color-interactive-warning-disabled: var(--color-orange-400);
  --color-interactive-info-default: var(--color-blue-600);
  --color-interactive-info-hover: var(--color-blue-700);
  --color-interactive-info-active: var(--color-blue-600);
  --color-interactive-info-disabled: var(--color-blue-400);
  --color-interactive-error-default: var(--color-red-600);
  --color-interactive-error-hover: var(--color-red-700);
  --color-interactive-error-active: var(--color-red-600);
  --color-interactive-error-disabled: var(--color-red-400);
  --color-status-success-base: var(--color-green-600);
  --color-status-success-light: var(--color-green-200);
  --color-status-success-dark: var(--color-green-700);
  --color-status-success-contrast: var(--color-green-100);
  --color-status-warning-base: var(--color-orange-600);
  --color-status-warning-light: var(--color-orange-200);
  --color-status-warning-dark: var(--color-orange-700);
  --color-status-warning-contrast: var(--color-orange-100);
  --color-status-info-base: var(--color-blue-500);
  --color-status-info-light: var(--color-blue-200);
  --color-status-info-dark: var(--color-blue-700);
  --color-status-info-contrast: var(--color-blue-100);
  --color-status-error-base: var(--color-red-600);
  --color-status-error-light: var(--color-red-200);
  --color-status-error-dark: var(--color-red-700);
  --color-status-error-contrast: var(--color-red-100);
  --color-primary-base: var(--color-yellow-500);
  --color-primary-light: var(--color-yellow-200);
  --color-primary-lighter: var(--color-yellow-300);
  --color-primary-dark: var(--color-yellow-600);
  --color-primary-contrast: var(--color-yellow-100);
  --color-secondary-base: var(--color-blue-500);
  --color-secondary-light: var(--color-blue-200);
  --color-secondary-lighter: var(--color-blue-300);
  --color-secondary-dark: var(--color-blue-700);
  --color-secondary-contrast: var(--color-blue-100);
  --color-accent-base: var(--color-purple-600);
  --color-accent-light: var(--color-purple-200);
  --color-accent-lighter: var(--color-purple-300);
  --color-accent-dark: var(--color-purple-700);
  --color-accent-contrast: var(--color-purple-100);
  --focus-ring-offset: var(--focus-ring-width);
  --focus-ring-color: var(--color-blue-500);
  --input-height: var(--spacing-xxx-large);
  --input-padding-inline: var(--spacing-small);
  --input-border-radius: var(--border-radius-xx-small);
  --input-border-width: var(--border-width-thin);
  --input-border-width-focus: var(--border-width-medium);
  --input-font-size: var(--font-size-medium);
  --input-line-height: var(--font-line-height-small);
  --input-background-readonly: var(--color-transparent);
  --input-background-disabled: var(--color-gray-50);
  --input-icon-size: var(--spacing-medium);
  --input-icon-gap: var(--spacing-small);
  --input-label-font-size: var(--font-size-x-small);
  --input-label-gap-block-end: var(--spacing-x-small);
  --input-label-gap-inline-start: var(--spacing-small);
  --input-message-font-size: var(--font-size-small);
  --input-message-gap: var(--spacing-x-small);
  --typography-display-100-font-size: var(--font-size-xxxx-large);
  --typography-display-100-line-height: var(--font-line-height-tight);
  --typography-display-100-letter-spacing: var(--font-letter-spacing-x-small);
  --typography-display-100-color: var(--color-gray-black);
  --typography-display-100-inverse: var(--color-gray-white);
  --typography-display-200-font-size: var(--font-size-xxx-large);
  --typography-display-200-line-height: var(--font-line-height-tight);
  --typography-display-200-letter-spacing: var(--font-letter-spacing-x-small);
  --typography-display-200-color: var(--color-gray-black);
  --typography-display-200-inverse: var(--color-gray-white);
  --typography-display-300-font-size: var(--font-size-xx-large);
  --typography-display-300-line-height: var(--font-line-height-tight);
  --typography-display-300-letter-spacing: var(--font-letter-spacing-x-small);
  --typography-display-300-color: var(--color-gray-black);
  --typography-display-300-inverse: var(--color-gray-white);
  --typography-display-400-font-size: var(--font-size-x-large);
  --typography-display-400-line-height: var(--font-line-height-tight);
  --typography-display-400-letter-spacing: var(--font-letter-spacing-x-small);
  --typography-display-400-color: var(--color-gray-black);
  --typography-display-400-inverse: var(--color-gray-white);
  --typography-display-500-font-size: var(--font-size-large);
  --typography-display-500-line-height: var(--font-line-height-tight);
  --typography-display-500-letter-spacing: var(--font-letter-spacing-x-small);
  --typography-display-500-color: var(--color-gray-black);
  --typography-display-500-inverse: var(--color-gray-white);
  --typography-heading-100-font-weight: var(--font-weight-medium);
  --typography-heading-100-font-size: var(--font-size-xxxx-large);
  --typography-heading-100-line-height: var(--font-line-height-small);
  --typography-heading-100-letter-spacing: var(--font-letter-spacing-small);
  --typography-heading-100-color: var(--color-gray-black);
  --typography-heading-100-inverse: var(--color-gray-white);
  --typography-heading-200-font-weight: var(--font-weight-medium);
  --typography-heading-200-font-size: var(--font-size-xxx-large);
  --typography-heading-200-line-height: var(--font-line-height-small);
  --typography-heading-200-letter-spacing: var(--font-letter-spacing-small);
  --typography-heading-200-color: var(--color-gray-black);
  --typography-heading-200-inverse: var(--color-gray-white);
  --typography-heading-300-font-weight: var(--font-weight-medium);
  --typography-heading-300-font-size: var(--font-size-xx-large);
  --typography-heading-300-line-height: var(--font-line-height-small);
  --typography-heading-300-letter-spacing: var(--font-letter-spacing-small);
  --typography-heading-300-color: var(--color-gray-black);
  --typography-heading-300-inverse: var(--color-gray-white);
  --typography-heading-400-font-weight: var(--font-weight-medium);
  --typography-heading-400-font-size: var(--font-size-x-large);
  --typography-heading-400-line-height: var(--font-line-height-small);
  --typography-heading-400-letter-spacing: var(--font-letter-spacing-small);
  --typography-heading-400-color: var(--color-gray-black);
  --typography-heading-400-inverse: var(--color-gray-white);
  --typography-heading-500-font-weight: var(--font-weight-medium);
  --typography-heading-500-font-size: var(--font-size-large);
  --typography-heading-500-line-height: var(--font-line-height-small);
  --typography-heading-500-letter-spacing: var(--font-letter-spacing-small);
  --typography-heading-500-color: var(--color-gray-black);
  --typography-heading-500-inverse: var(--color-gray-white);
  --typography-body-large-default-font-weight: var(--font-weight-normal);
  --typography-body-large-default-font-size: var(--font-size-large);
  --typography-body-large-default-line-height: var(--font-line-height-small);
  --typography-body-large-default-letter-spacing: var(--font-letter-spacing-normal);
  --typography-body-large-default-color: var(--color-gray-black);
  --typography-body-large-default-inverse: var(--color-gray-white);
  --typography-body-large-medium-font-weight: var(--font-weight-medium);
  --typography-body-large-medium-font-size: var(--font-size-large);
  --typography-body-large-medium-line-height: var(--font-line-height-small);
  --typography-body-large-medium-letter-spacing: var(--font-letter-spacing-normal);
  --typography-body-large-medium-color: var(--color-gray-black);
  --typography-body-large-medium-inverse: var(--color-gray-white);
  --typography-body-base-default-font-weight: var(--font-weight-normal);
  --typography-body-base-default-font-size: var(--font-size-medium);
  --typography-body-base-default-line-height: var(--font-line-height-small);
  --typography-body-base-default-letter-spacing: var(--font-letter-spacing-normal);
  --typography-body-base-default-color: var(--color-gray-black);
  --typography-body-base-default-inverse: var(--color-gray-white);
  --typography-body-base-medium-font-weight: var(--font-weight-medium);
  --typography-body-base-medium-font-size: var(--font-size-medium);
  --typography-body-base-medium-line-height: var(--font-line-height-small);
  --typography-body-base-medium-letter-spacing: var(--font-letter-spacing-normal);
  --typography-body-base-medium-color: var(--color-gray-black);
  --typography-body-base-medium-inverse: var(--color-gray-white);
  --typography-body-small-default-font-weight: var(--font-weight-normal);
  --typography-body-small-default-font-size: var(--font-size-small);
  --typography-body-small-default-line-height: var(--font-line-height-small);
  --typography-body-small-default-letter-spacing: var(--font-letter-spacing-normal);
  --typography-body-small-default-color: var(--color-gray-black);
  --typography-body-small-default-inverse: var(--color-gray-white);
  --typography-body-small-medium-font-weight: var(--font-weight-medium);
  --typography-body-small-medium-font-size: var(--font-size-small);
  --typography-body-small-medium-line-height: var(--font-line-height-small);
  --typography-body-small-medium-letter-spacing: var(--font-letter-spacing-normal);
  --typography-body-small-medium-color: var(--color-gray-black);
  --typography-body-small-medium-inverse: var(--color-gray-white);
  --typography-label-base-font-weight: var(--font-weight-normal);
  --typography-label-base-font-size: var(--font-size-x-small);
  --typography-label-base-line-height: var(--font-line-height-small);
  --typography-label-base-letter-spacing: var(--font-letter-spacing-large);
  --typography-label-base-color: var(--color-gray-black);
  --typography-label-base-inverse: var(--color-gray-white);
  --typography-caption-font-weight: var(--font-weight-normal);
  --typography-caption-font-size: var(--font-size-x-small);
  --typography-caption-line-height: var(--font-line-height-small);
  --typography-caption-letter-spacing: var(--font-letter-spacing-large);
  --typography-caption-color: var(--color-gray-700);
  --typography-caption-inverse: var(--color-gray-white);
  --typography-overline-font-weight: var(--font-weight-normal);
  --typography-overline-font-size: var(--font-size-x-small);
  --typography-overline-line-height: var(--font-line-height-small);
  --typography-overline-letter-spacing: var(--font-letter-spacing-large);
  --typography-overline-color: var(--color-gray-black);
  --typography-overline-inverse: var(--color-gray-white);
  --input-background: var(--color-surface-tertiary);
  --input-background-error: var(--color-status-error-contrast);
  --input-background-warning: var(--color-status-warning-contrast);
  --input-background-success: var(--color-status-success-contrast);
  --input-background-focus: var(--color-status-info-contrast);
  --input-border: var(--color-border-tertiary);
  --input-border-error: var(--color-border-error);
  --input-border-warning: var(--color-border-warning);
  --input-border-success: var(--color-border-success);
  --input-border-focus: var(--focus-ring-color);
  --input-border-disabled: var(--color-border-disabled);
  --input-text: var(--color-text-primary);
  --input-text-placeholder: var(--color-text-placeholder);
  --input-text-disabled: var(--color-text-disabled);
  --input-icon-color: var(--color-icon-secondary);
  --input-icon-color-disabled: var(--color-icon-disabled);
  --input-label-color: var(--color-text-primary);
  --input-message-color-error: var(--color-text-error);
  --input-message-color-warning: var(--color-text-warning);
  --input-message-color-success: var(--color-text-success);
  --typography-display-100-font-family: var(--font-family-display);
  --typography-display-200-font-family: var(--font-family-display);
  --typography-display-300-font-family: var(--font-family-display);
  --typography-display-400-font-family: var(--font-family-display);
  --typography-display-500-font-family: var(--font-family-display);
  --typography-heading-100-font-family: var(--font-family-body);
  --typography-heading-200-font-family: var(--font-family-body);
  --typography-heading-300-font-family: var(--font-family-body);
  --typography-heading-400-font-family: var(--font-family-body);
  --typography-heading-500-font-family: var(--font-family-body);
  --typography-body-large-default-font-family: var(--font-family-body);
  --typography-body-large-medium-font-family: var(--font-family-body);
  --typography-body-base-default-font-family: var(--font-family-body);
  --typography-body-base-medium-font-family: var(--font-family-body);
  --typography-body-small-default-font-family: var(--font-family-body);
  --typography-body-small-medium-font-family: var(--font-family-body);
  --typography-label-base-font-family: var(--font-family-body);
  --typography-caption-font-family: var(--font-family-body);
  --typography-overline-font-family: var(--font-family-body);
}