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

:root {
  --px-border-radius-none: 0;
  --px-border-radius-xxsmall: 0.5px;
  --px-border-radius-xsmall: 2px;
  --px-border-radius-small: 4px;
  --px-border-radius-medium: 8px;
  --px-border-radius-large: 16px;
  --px-border-radius-xlarge: 24px;
  --px-border-radius-full: 9999px;
  --px-color-base-00: #FFFFFF;
  --px-color-base-transparent: #FFFFFF00;
  --px-color-brand-alpha-800: #27424780;
  --px-color-danger-50: #FEF2F1;
  --px-color-danger-100: #FFE4E0;
  --px-color-danger-200: #FFCEC7;
  --px-color-danger-300: #FFBBB3;
  --px-color-danger-400: #FD7E6D;
  --px-color-danger-500: #F5533D;
  --px-color-danger-600: #E23822;
  --px-color-danger-700: #BF2B18;
  --px-color-danger-800: #8A2215;
  --px-color-danger-900: #5E1D13;
  --px-color-warning-50: #FEF8DD;
  --px-color-warning-100: #FBF1C0;
  --px-color-warning-200: #FEEB9F;
  --px-color-warning-300: #FED85D;
  --px-color-warning-400: #FCBF27;
  --px-color-warning-500: #EB9C07;
  --px-color-warning-600: #CB7603;
  --px-color-warning-700: #A25206;
  --px-color-warning-800: #783B0D;
  --px-color-warning-900: #47210B;
  --px-color-success-50: #ECFEED;
  --px-color-success-100: #DBF5DC;
  --px-color-success-200: #B6E8B8;
  --px-color-success-300: #83D39D;
  --px-color-success-400: #4FC887;
  --px-color-success-500: #33A46B;
  --px-color-success-600: #00824D;
  --px-color-success-700: #1A6544;
  --px-color-success-800: #185237;
  --px-color-success-900: #15422E;
  --px-color-info-50: #EBF5FF;
  --px-color-info-100: #D7ECFE;
  --px-color-info-200: #C3E6FE;
  --px-color-info-300: #81CEFD;
  --px-color-info-400: #37B3F9;
  --px-color-info-500: #0D9AEA;
  --px-color-info-600: #0179C8;
  --px-color-info-700: #0260A2;
  --px-color-info-800: #064B7A;
  --px-color-info-900: #0A3D61;
  --px-color-brand-50: #F0F8F9;
  --px-color-brand-100: #DBEBEB;
  --px-color-brand-200: #C3DCDC;
  --px-color-brand-300: #9BC4C5;
  --px-color-brand-400: #62919A;
  --px-color-brand-500: #467C86;
  --px-color-brand-600: #2D6975;
  --px-color-brand-700: #2F555B;
  --px-color-brand-800: #274247;
  --px-color-brand-900: #162327;
  --px-color-accent-50: #F2F0FF;
  --px-color-accent-100: #E6E2FE;
  --px-color-accent-200: #D9D2FE;
  --px-color-accent-300: #BEAFFD;
  --px-color-accent-400: #9272FC;
  --px-color-accent-500: #7E4EF9;
  --px-color-accent-600: #6B24F0;
  --px-color-accent-700: #5E20CB;
  --px-color-accent-800: #4E1BA7;
  --px-color-accent-900: #401787;
  --px-color-neutral-50: #F2F3F5;
  --px-color-neutral-100: #ECEEF0;
  --px-color-neutral-200: #DFE3E6;
  --px-color-neutral-300: #CACFD5;
  --px-color-neutral-400: #AAB0BA;
  --px-color-neutral-500: #828C9A;
  --px-color-neutral-600: #676F7B;
  --px-color-neutral-700: #525962;
  --px-color-neutral-800: #42474F;
  --px-color-neutral-900: #22262A;
  --px-color-background-default: var(--px-color-base-00);
  --px-color-background-subtle: var(--px-color-brand-50);
  --px-color-surface-default: var(--px-color-base-00);
  --px-color-surface-subtle: var(--px-color-brand-50);
  --px-color-surface-moderate: var(--px-color-brand-100);
  --px-color-surface-inverted: var(--px-color-brand-800);
  --px-color-surface-search-string-highlight: var(--px-color-brand-200);
  --px-color-surface-scrim: var(--px-color-brand-alpha-800);
  --px-color-surface-action: var(--px-color-brand-800);
  --px-color-surface-action-hover: var(--px-color-brand-900);
  --px-color-surface-action-active: var(--px-color-brand-900);
  --px-color-surface-action-subtle-hover: var(--px-color-brand-100);
  --px-color-surface-action-subtle-active: var(--px-color-brand-200);
  --px-color-surface-neutral-subtle: var(--px-color-neutral-100);
  --px-color-surface-neutral-moderate: var(--px-color-neutral-200);
  --px-color-surface-info-subtle: var(--px-color-info-100);
  --px-color-surface-info-moderate: var(--px-color-info-200);
  --px-color-surface-success-subtle: var(--px-color-success-100);
  --px-color-surface-success-moderate: var(--px-color-success-200);
  --px-color-surface-warning-subtle: var(--px-color-warning-100);
  --px-color-surface-warning-moderate: var(--px-color-warning-200);
  --px-color-surface-error-subtle: var(--px-color-danger-100);
  --px-color-surface-error-moderate: var(--px-color-danger-200);
  --px-color-border-default: var(--px-color-brand-900);
  --px-color-border-subtle: var(--px-color-brand-200);
  --px-color-border-moderate: var(--px-color-brand-400);
  --px-color-border-on-inverted: var(--px-color-base-00);
  --px-color-border-divider: var(--px-color-brand-400);
  --px-color-border-divider-subtle: var(--px-color-brand-200);
  --px-color-border-action: var(--px-color-brand-800);
  --px-color-border-hover: var(--px-color-brand-400);
  --px-color-border-selected: var(--px-color-brand-800);
  --px-color-border-info: var(--px-color-info-600);
  --px-color-border-success: var(--px-color-success-600);
  --px-color-border-warning: var(--px-color-warning-600);
  --px-color-border-error: var(--px-color-danger-600);
  --px-color-border-focus-outline: var(--px-color-accent-500);
  --px-color-border-focus-outline-on-inverted: var(--px-color-accent-300);
  --px-color-border-focus-boxshadow: var(--px-color-brand-900);
  --px-color-text-default: var(--px-color-brand-900);
  --px-color-text-subtle: var(--px-color-brand-600);
  --px-color-text-on-inverted: var(--px-color-base-00);
  --px-color-text-action: var(--px-color-brand-800);
  --px-color-text-on-action: var(--px-color-base-00);
  --px-color-text-on-action-subtle: var(--px-color-brand-900);
  --px-color-icon-default: var(--px-color-brand-900);
  --px-color-icon-on-inverted: var(--px-color-base-00);
  --px-color-icon-action: var(--px-color-brand-800);
  --px-color-icon-on-action: var(--px-color-base-00);
  --px-color-icon-on-action-subtle: var(--px-color-brand-900);
  --px-color-icon-info: var(--px-color-info-600);
  --px-color-icon-success: var(--px-color-success-600);
  --px-color-icon-warning: var(--px-color-warning-600);
  --px-color-icon-error: var(--px-color-danger-600);
}