:root {
    /* 主色 - 莫兰迪绿 */
    --primary: #A8DADC;
    --primary-light: #C4E8EA;
    --primary-dark: #74B9BD;

    /* 辅助色 */
    --secondary: #F1FAEE;
    --accent: #E63946;
    --accent-soft: #F4A5AE;

    /* 中性色 */
    --gray-100: #F8F9FA;
    --gray-200: #E9ECEF;
    --gray-300: #DEE2E6;
    --gray-400: #CED4DA;
    --gray-500: #ADB5BD;
    --gray-600: #6C757D;
    --gray-700: #495057;
    --gray-800: #343A40;
    --gray-900: #212529;

    /* 语义色 */
    --success: #52B788;
    --warning: #FFB703;
    --danger: #E63946;

    /* 背景色 */
    --bg-primary: #FFFFFF;
    --bg-secondary: #F1FAEE;
    --bg-tertiary: #E8F4F5;

    /* 文字色 */
    --text-primary: #212529;
    --text-secondary: #495057;
    --text-tertiary: #6C757D;
    --text-light: #ADB5BD;

    /* 字体 */
    --font-primary: 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-secondary: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* 字号 */
    --font-xs: 12px;
    --font-sm: 14px;
    --font-base: 16px;
    --font-lg: 18px;
    --font-xl: 20px;
    --font-2xl: 24px;
    --font-3xl: 28px;
    --font-4xl: 32px;

    /* 间距 (8px 基准) */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-base: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;

    /* 圆角 */
    --radius-sm: 8px;
    --radius-base: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-full: 9999px;

    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.08);
    --shadow-base: 0 4px 16px rgba(0, 0, 0, 0.12);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.16);
    --shadow-xl: 0 16px 48px rgba(0, 0, 0, 0.20);

    /* 过渡 */
    --transition-fast: 150ms ease;
    --transition-base: 300ms ease;
    --transition-slow: 500ms ease;
}