/**
 * 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: #33333380;
  --px-color-danger-50: #FFFEEB;
  --px-color-danger-100: #FFD7C7;
  --px-color-danger-200: #FFB699;
  --px-color-danger-300: #FA9269;
  --px-color-danger-400: #ED7140;
  --px-color-danger-500: #DB490F;
  --px-color-danger-600: #BF3600;
  --px-color-danger-700: #942500;
  --px-color-danger-800: #631900;
  --px-color-danger-900: #3D0C00;
  --px-color-warning-50: #FFF7D1;
  --px-color-warning-100: #FEEEA0;
  --px-color-warning-200: #FCE369;
  --px-color-warning-300: #F3D53F;
  --px-color-warning-400: #E6C10A;
  --px-color-warning-500: #D1A400;
  --px-color-warning-600: #B28C00;
  --px-color-warning-700: #8F7200;
  --px-color-warning-800: #6B5600;
  --px-color-warning-900: #473800;
  --px-color-success-50: #E7FEE9;
  --px-color-success-100: #C1FAC9;
  --px-color-success-200: #91EDAD;
  --px-color-success-300: #50E294;
  --px-color-success-400: #00CC7B;
  --px-color-success-500: #00A865;
  --px-color-success-600: #008A53;
  --px-color-success-700: #007041;
  --px-color-success-800: #004D2D;
  --px-color-success-900: #00331E;
  --px-color-info-50: #EBF8FF;
  --px-color-info-100: #D6F1FF;
  --px-color-info-200: #8BE7FF;
  --px-color-info-300: #99D1FF;
  --px-color-info-400: #75AFFF;
  --px-color-info-500: #477EFF;
  --px-color-info-600: #1F44FF;
  --px-color-info-700: #1E00BE;
  --px-color-info-800: #0F0865;
  --px-color-info-900: #0B0544;
  --px-color-brand-50: #EBF8FF;
  --px-color-brand-100: #D6F1FF;
  --px-color-brand-200: #8BE7FF;
  --px-color-brand-300: #99D1FF;
  --px-color-brand-400: #75AFFF;
  --px-color-brand-500: #477EFF;
  --px-color-brand-600: #1F44FF;
  --px-color-brand-700: #1E00BE;
  --px-color-brand-800: #0F0865;
  --px-color-brand-900: #0B0544;
  --px-color-accent-50: #FFEBFF;
  --px-color-accent-100: #FFDBFF;
  --px-color-accent-200: #FFC2FF;
  --px-color-accent-300: #FA9EFA;
  --px-color-accent-400: #EC75F0;
  --px-color-accent-500: #D850E2;
  --px-color-accent-600: #B633C1;
  --px-color-accent-700: #91219C;
  --px-color-accent-800: #6A1471;
  --px-color-accent-900: #430449;
  --px-color-neutral-50: #F0F0F0;
  --px-color-neutral-100: #DBDBDB;
  --px-color-neutral-200: #CCCCCC;
  --px-color-neutral-300: #B3B3B3;
  --px-color-neutral-400: #999999;
  --px-color-neutral-500: #808080;
  --px-color-neutral-600: #666666;
  --px-color-neutral-700: #4D4D4D;
  --px-color-neutral-800: #333333;
  --px-color-neutral-900: #1A1A1A;
  --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-50);
  --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-800);
  --px-color-surface-action-active: var(--px-color-brand-800);
  --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-100);
  --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-800);
  --px-color-border-subtle: var(--px-color-brand-200);
  --px-color-border-moderate: var(--px-color-brand-200);
  --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-brand-500);
  --px-color-border-focus-outline-on-inverted: var(--px-color-brand-300);
  --px-color-border-focus-boxshadow: var(--px-color-brand-800);
  --px-color-text-default: var(--px-color-brand-800);
  --px-color-text-subtle: var(--px-color-brand-800);
  --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-800);
  --px-color-icon-default: var(--px-color-brand-800);
  --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-800);
  --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);
}