:root,
:root,
.sy-app-workspace {
  --sy-color-primary: #1677ff;
  --sy-color-primary-hover: #4096ff;
  --sy-color-primary-active: #0958d9;
  --sy-color-success: #52c41a;
  --sy-color-warning: #faad14;
  --sy-color-error: #ff4d4f;

  --sy-color-text: rgba(0, 0, 0, 0.88);
  --sy-color-text-secondary: rgba(0, 0, 0, 0.65);
  --sy-color-text-tertiary: rgba(0, 0, 0, 0.45);
  --sy-color-text-disabled: rgba(0, 0, 0, 0.25);

  --sy-color-bg-container: #ffffff;
  --sy-color-bg-layout: #f5f5f5;
  --sy-color-bg-elevated: #ffffff;
  --sy-color-border: #d9d9d9;
  --sy-color-border-secondary: #f0f0f0;
  --sy-color-split: rgba(0, 0, 0, 0.06);

  --sy-spacing-xs: 4px;
  --sy-spacing-sm: 8px;
  --sy-spacing-md: 16px;
  --sy-spacing-lg: 24px;
  --sy-spacing-xl: 32px;

  --sy-radius-sm: 4px;
  --sy-radius-md: 6px;
  --sy-radius-lg: 8px;

  --sy-font-size-sm: 12px;
  --sy-font-size-base: 14px;
  --sy-font-size-lg: 16px;
  --sy-font-size-xl: 20px;
  --sy-font-size-2xl: 24px;

  --sy-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02);
  --sy-shadow-md: 0 6px 16px rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12);
  --sy-shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);

  --sy-form-gap: 16px;
  --sy-form-padding: 24px;
  --sy-form-field-height: 32px;
  --sy-form-radius: var(--sy-radius-md);

  --ant-color-primary: var(--sy-color-primary);
  --ant-color-primary-hover: var(--sy-color-primary-hover);
  --ant-color-primary-active: var(--sy-color-primary-active);
  --ant-color-success: var(--sy-color-success);
  --ant-color-warning: var(--sy-color-warning);
  --ant-color-error: var(--sy-color-error);
  --ant-color-text: var(--sy-color-text);
  --ant-color-text-secondary: var(--sy-color-text-secondary);
  --ant-color-text-tertiary: var(--sy-color-text-tertiary);
  --ant-color-text-disabled: var(--sy-color-text-disabled);
  --ant-color-bg-container: var(--sy-color-bg-container);
  --ant-color-bg-layout: var(--sy-color-bg-layout);
  --ant-color-bg-elevated: var(--sy-color-bg-elevated);
  --ant-color-border: var(--sy-color-border);
  --ant-color-border-secondary: var(--sy-color-border-secondary);
  --ant-color-split: var(--sy-color-split);

  --adm-color-primary: var(--sy-color-primary);
  --adm-color-success: var(--sy-color-success);
  --adm-color-warning: var(--sy-color-warning);
  --adm-color-danger: var(--sy-color-error);
  --adm-color-text: var(--sy-color-text);
  --adm-color-weak: var(--sy-color-text-secondary);
  --adm-color-light: var(--sy-color-text-tertiary);
  --adm-color-border: var(--sy-color-border);
  --adm-color-background: var(--sy-color-bg-container);
}