:root {
  --color-primary: #ef7b21;
  --color-primary-hover: #d96712;
  --color-primary-soft: #fff2e7;
  --color-text: #202832;
  --color-text-secondary: #667180;
  --color-text-tertiary: #98a1ad;
  --color-surface: #ffffff;
  --color-surface-soft: #f7f8fa;
  --color-page: #f3f5f7;
  --color-border: #e3e7ec;
  --color-border-strong: #d7dde5;
  --color-success: #159568;
  --color-success-soft: #e8f7f1;
  --shadow-panel: 0 10px 28px rgba(32, 40, 50, 0.06);
  --shadow-popup: 0 14px 32px rgba(32, 40, 50, 0.14);
  --radius-small: 6px;
  --radius-control: 8px;
  --radius-card: 10px;
  --radius-panel: 14px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --control-height: 34px;
  --header-height: 64px;
}