:root {
    --color-primary: #00a651;
    --color-primary-dark: #008a44;
    --color-primary-light: #33b873;

    --color-secondary: #0066cc;
    --color-secondary-dark: #0052a3;
    --color-secondary-light: #3385d6;

    --gradient-primary: linear-gradient(180deg, #34ae49, #3055a5 100%);
    --gradient-header: linear-gradient(90deg, #00a651 0%, #0088cc 100%);

    --color-white: #ffffff;
    --color-black: #000000;
    --color-blue: #f2fcff;
    --color-purple: #f6f8ff;
    --color-gray-100: #f5f5f5;
    --color-gray-200: #eeeeee;
    --color-gray-300: #e0e0e0;
    --color-gray-400: #bdbdbd;
    --color-gray-500: #9e9e9e;
    --color-gray-600: #757575;
    --color-gray-700: #616161;
    --color-gray-800: #424242;
    --color-gray-900: #212121;

    --color-text-primary: #060911;
    --color-text-secondary: #3D3F45;
    --color-text-light: #999999;
    --color-text-white: #ffffff;

    --font-chinese: 'Alibaba-PuHuiTi', sans-serif;
    --font-english: 'Roboto-Light', sans-serif;

    --text-xs: 12px;
    --text-sm: 14px;
    --text-base: 16px;
    --text-lg: 18px;
    --text-xl: 20px;
    --text-2xl: 24px;
    --text-3xl: 30px;
    --text-4xl: 36px;
    --text-5xl: 48px;
    --text-6xl: 60px;

    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    --space-4xl: 80px;
    --space-5xl: 120px;
    --space-6xl: 160px;

    --container-max-width: 1440px;
    --container-padding: 80px;

    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
    --radius-full: 9999px;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
    --shadow-xl: 0 20px 25px rgba(0, 0, 0, 0.15);

    --transition-fast: 0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;

    --z-dropdown: 100;
    --z-header: 1000;
    --z-modal: 2000;
    --z-tooltip: 3000;
}