:root {
  --ui-color-page: #FFFFFF;
  --ui-color-card: #FFFFFF;
  --ui-color-title: #313140;
  --ui-color-text: #515164;
  --ui-color-secondary: #767687;
  --ui-color-placeholder: #9C9CAC;
  --ui-color-disabled: #C7CBD3;
  --ui-color-border: #E5E8ED;
  --ui-color-divider: #F5F6F9;
  --ui-color-hover: #EBEDF1;
  --ui-color-primary: #FF4338;
  --ui-color-primary-hover: #D3382F;
  --ui-color-primary-shade-1: #FF8E87;
  --ui-color-link: #59779A;
  --ui-color-link-hover: #4B647D;
  --ui-color-info: #00B3BD;
  --ui-color-info-surface: #EDFAFA;
  --ui-color-accessory-1: #FFF9E6;
  --ui-color-accessory-2: #E6F7F8;
  --ui-color-accessory-3: #FFF2F1;
  --ui-color-accessory-4: #E7FCF5;
  --ui-color-available: #98D45F;
  --ui-color-available-surface: #F4FBEA;
  --ui-color-available-current-day-surface: #E7FCF5;
  --ui-color-success: #0DE298;
  --ui-color-success-surface: #ECFFF9;
  --ui-color-warning: #FFC400;
  --ui-color-warning-surface: #FFF9E6;
  --ui-color-error: #D3382F;
  --ui-color-error-surface: #FFF1F1;
  --ui-color-on-primary: #FFFFFF;
  --ui-color-modal-mask: rgb(49 49 64 / 24%);
  --ui-color-upload-overlay: rgb(49 49 64 / 68%);
  --ui-color-upload-loading: rgb(49 49 64 / 50%);
  --ui-color-on-primary-muted: rgb(255 255 255 / 45%);
  --ui-gradient-pro: linear-gradient(88deg, #FF4438 9.48%, #1C07FF 99.43%);
  --ui-gradient-pro-motion: linear-gradient(88deg, #FF4438 4.74%, #1C07FF 49.715%, #1C07FF 54.74%, #FF4438 99.715%);
  --ui-gradient-skeleton: linear-gradient(90deg, #EBEDF1 25%, #F5F6F9 37%, #EBEDF1 63%);
  --ui-color-on-emphasis-muted: rgb(255 255 255 / 55%);
  --ui-color-emphasis-weak: rgb(49 49 64 / 28%);
  --ui-color-disabled-weak: rgb(199 203 211 / 42%);
  --ui-color-hover-overlay: rgb(49 49 64 / 8%);
  --ui-shadow-card-hover: 0 1px 2px 0 #0F172A00, 0 4px 12px 0 #0F172A0A;
  --ui-shadow-card: 0 0 0 0 #0F172A00;
  --ui-shadow-stroke-card: 0 0 0 1px #E9EBF3;
  --ui-shadow-md: 0 2px 4px 0 #001A5608, 0 4px 8px 0 #00174E0A;
  --ui-shadow-lg: 0 4px 8px 0 #00174F08, 0 12px 24px 0 #0019530E;
  --ui-shadow-xl: 0 8px 16px 0 #00195309, 0 24px 48px 0 #00195312;
  --ui-shadow-thumb: 0 1px 3px rgb(49 49 64 / 12%);
  --ui-shadow-thumb-focus: 0 0 0 4px rgb(49 49 64 / 12%);
  --ui-shadow-switch: 0 1px 3px rgb(49 49 64 / 18%);
  --ui-radius-xs: 4px;
  --ui-radius-md: 8px;
  --ui-radius-lg: 12px;
  --ui-radius-xl: 16px;
  --ui-radius-2xl: 24px;
  --ui-radius-full: 9999px;
  --ui-space-0: 0px;
  --ui-space-half: 2px;
  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-6: 24px;
  --ui-space-7: 32px;
  --ui-space-8: 40px;
  --ui-space-9: 48px;
  --ui-space-10: 64px;
  --ui-space-11: 80px;
  --ui-space-12: 96px;
  --ui-width-control-compact: 224px;
  --ui-width-control-default: 336px;
  --ui-width-control-wide: 440px;
  --ui-layout-content-max-width: 1240px;
  --ui-layout-grid-columns-desktop: 12;
  --ui-layout-grid-columns-tablet: 8;
  --ui-layout-grid-columns-mobile: 4;
  --ui-layout-grid-gutter-desktop: 24px;
  --ui-layout-grid-gutter-tablet: 24px;
  --ui-layout-grid-gutter-mobile: 16px;
}