/* Design System Variables */
:root {
    /* 品牌颜色 */
    --color-cream: #FDF8F3;        /* 米白色 */
    --color-pink: #FFE4E1;         /* 浅粉色 */
    --color-wood: #D4A373;         /* 原木色 */
    --color-peach: #FFB6A3;        /* 桃色 */
    --color-sage: #C9D5B5;         /* 鼠尾草绿 */

    /* 中性色 */
    --color-text-primary: #4A4A4A;
    --color-text-secondary: #7A7A7A;
    --color-text-light: #ABABAB;
    --color-bg-light: #FFFFFF;
    --color-bg-warm: #FFF9F5;

    /* 渐变 */
    --gradient-warm: linear-gradient(135deg, #FDF8F3 0%, #FFE4E1 100%);
    --gradient-peach: linear-gradient(135deg, #FFE4E1 0%, #FFB6A3 100%);
    --gradient-sage: linear-gradient(135deg, #C9D5B5 0%, #E8F0E3 100%);

    /* 间距系统 */
    --spacing-xs: 0.5rem;    /* 8px */
    --spacing-sm: 1rem;      /* 16px */
    --spacing-md: 1.5rem;    /* 24px */
    --spacing-lg: 2rem;      /* 32px */
    --spacing-xl: 3rem;      /* 48px */
    --spacing-2xl: 4rem;     /* 64px */
    --spacing-3xl: 6rem;     /* 96px */

    /* 字体大小 */
    --font-size-xs: 0.75rem;   /* 12px */
    --font-size-sm: 0.875rem;  /* 14px */
    --font-size-base: 1rem;    /* 16px */
    --font-size-lg: 1.125rem;  /* 18px */
    --font-size-xl: 1.25rem;   /* 20px */
    --font-size-2xl: 1.5rem;   /* 24px */
    --font-size-3xl: 2rem;     /* 32px */
    --font-size-4xl: 2.5rem;   /* 40px */
    --font-size-5xl: 3rem;     /* 48px */

    /* 字体家族 */
    --font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'PingFang SC',
                        'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
    --font-family-accent: 'Quicksand', -apple-system, sans-serif;

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

    /* 阴影（柔和） */
    --shadow-xs: 0 1px 4px rgba(212, 163, 115, 0.05);
    --shadow-sm: 0 2px 8px rgba(212, 163, 115, 0.08);
    --shadow-md: 0 4px 16px rgba(212, 163, 115, 0.12);
    --shadow-lg: 0 8px 24px rgba(212, 163, 115, 0.16);
    --shadow-xl: 0 12px 32px rgba(212, 163, 115, 0.20);

    /* 过渡 */
    --transition-fast: 0.2s ease;
    --transition-base: 0.3s ease;
    --transition-slow: 0.5s ease;

    /* 容器宽度 */
    --container-max: 1200px;
    --container-padding: 1.5rem;

    /* Z-index */
    --z-base: 1;
    --z-modal: 1000;
    --z-back-to-top: 100;
}

/* 移动端调整 */
@media (max-width: 768px) {
    :root {
        --spacing-xl: 2rem;
        --spacing-2xl: 3rem;
        --spacing-3xl: 4rem;
        --font-size-3xl: 1.75rem;
        --font-size-4xl: 2rem;
        --font-size-5xl: 2.25rem;
        --container-padding: 1rem;
    }
}

/* 全局字体设置 */
body {
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    color: var(--color-text-primary);
    line-height: 1.6;
    background-color: var(--color-bg-light);
}