:root {
    /* 品牌色系 */
    --color-primary: #E6212A;
    --color-primary-dark: #C41A22;
    --color-primary-light: #FDE8E9;
    --color-primary-gradient: linear-gradient(135deg, #FF4B4B 0%, #E6212A 100%);

    /* 辅助色 */
    --color-secondary: #FFF9E6;
    --color-secondary-gradient: linear-gradient(135deg, #FFF9E6 0%, #FFF3D4 100%);
    --color-gold-text: #8C5E00;

    /* 中性色 */
    --color-bg: #F7F8FA;
    --color-white: #FFFFFF;
    --color-black: #222222;
    --color-title: #1A1A1A;
    --color-gray: #888888;
    --color-gray-light: #E5E5E5;
    --color-border: #F0F0F0;

    /* 占位图渐变 */
    --grad-gold: linear-gradient(135deg, #F9D423 0%, #FF4E50 100%);
    --grad-purple: linear-gradient(135deg, #E2B0FF 0%, #9F44D3 100%);
    --grad-orange: linear-gradient(135deg, #FFD194 0%, #FF9A44 100%);
    --grad-red: linear-gradient(135deg, #FF9A9E 0%, #FAD0C4 100%);
    --grad-blue: linear-gradient(135deg, #A18CD1 0%, #FBC2EB 100%);

    /* 字体 */
    --font-size-xs: 11px;
    --font-size-sm: 13px;
    --font-size-md: 15px;
    --font-size-lg: 17px;
    --font-size-xl: 20px;
    --font-size-xxl: 26px;

    /* 间距 */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 12px;
    --spacing-lg: 16px;
    --spacing-xl: 24px;

    /* 圆角 */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;

    /* 阴影 */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.06);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.10);
    --shadow-primary: 0 4px 14px rgba(230, 33, 42, 0.25);
}