/* CSS Variables - 温馨可爱风格 */
:root {
    /* 色彩系统 */
    --color-primary: #FFB6C1;           /* 桃粉色 */
    --color-primary-light: #FFC0CB;     /* 浅粉 */
    --color-primary-dark: #FF9AA2;      /* 深粉 */
    
    --color-secondary: #B5EAD7;         /* 薄荷绿 */
    --color-accent: #FFF8DC;            /* 奶油黄 */
    --color-coral: #FFA07A;             /* 珊瑚橙（警告色） */
    
    --color-bg: #FFF9F5;                /* 温暖米白 */
    --color-surface: #FFFFFF;           /* 纯白 */
    --color-text: #5A5A5A;              /* 柔和灰 */
    --color-text-light: #999999;        /* 浅灰 */
    --color-border: #FFE4E1;            /* 浅粉边框 */
    
    /* 渐变 */
    --gradient-primary: linear-gradient(135deg, #FF9AA2 0%, #FFB7B2 100%);
    --gradient-secondary: linear-gradient(135deg, #B5EAD7 0%, #C7CEEA 100%);
    --gradient-bg: linear-gradient(180deg, #FFF9F5 0%, #FFF0E8 100%);
    
    /* 字体 */
    --font-display: 'Nunito', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    --font-body: 'Poppins', 'PingFang SC', 'Microsoft YaHei', sans-serif;
    
    /* 圆角 */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 20px;
    --radius-xl: 24px;
    --radius-full: 50%;
    
    /* 间距 */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    
    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(255, 154, 162, 0.1);
    --shadow-md: 0 4px 16px rgba(255, 154, 162, 0.15);
    --shadow-lg: 0 8px 32px rgba(255, 154, 162, 0.2);
    
    /* 过渡 */
    --transition-fast: 0.2s ease-out;
    --transition-normal: 0.3s ease-out;
    --transition-slow: 0.5s ease-out;
    
    /* Z-index */
    --z-base: 1;
    --z-dropdown: 100;
    --z-overlay: 500;
    --z-modal: 1000;
    --z-toast: 2000;
}