:root {
    --color-primary: #1890ff;
    --color-primary-dark: #096dd9;
    --color-primary-light: #40a9ff;
    
    --color-secondary: #52c41a;
    --color-secondary-dark: #389e0d;
    
    --color-text-primary: #262626;
    --color-text-secondary: #595959;
    --color-text-tertiary: #8c8c8c;
    --color-text-white: #ffffff;
    
    --color-bg-primary: #ffffff;
    --color-bg-secondary: #f5f5f5;
    --color-bg-tertiary: #fafafa;
    
    --color-border: #d9d9d9;
    --color-border-light: #f0f0f0;
    
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-xxl: 48px;
    
    --font-size-xs: 12px;
    --font-size-sm: 14px;
    --font-size-base: 16px;
    --font-size-lg: 18px;
    --font-size-xl: 20px;
    --font-size-2xl: 24px;
    --font-size-3xl: 32px;
    --font-size-4xl: 48px;
    
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    
    --border-radius-sm: 4px;
    --border-radius-base: 8px;
    --border-radius-lg: 12px;
    
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-base: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.12);
    
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    --z-index-header: 100;
    --z-index-modal: 200;
    --z-index-toast: 300;
    
    --container-max-width: 1200px;
    --header-height: 64px;
}