:root {
    
    
    --color-bg-body: #faf8f5;
    --color-bg-card: #fffdf9;
    --color-bg-elevated: #f5f0e8;
    --color-bg-paper: #faf8f5;
    --color-bg-overlay: rgba(139, 107, 74, 0.06);

    
    --color-primary: #8B6B4A;
    --color-primary-light: #A07D5A;
    --color-primary-dark: #6B4F35;
    --color-primary-soft: rgba(139, 107, 74, 0.08);

    
    --color-secondary: #7A8B6E;
    --color-secondary-dark: #5E6D54;

    
    --color-accent: #c9a96e;

    
    --color-sent: #5a7d9a;
    --color-waiting: #c9a96e;
    --color-public: #8a9e7d;
    --color-love: #b86b6b;

    
    --color-warning: #c9a96e;
    --color-warning-dark: #a88b4a;
    --color-danger: #b86b6b;
    --color-success: #6b8f6b;

    
    --color-text-primary: #2c2c2c;
    --color-text-secondary: #6b6b6b;
    --color-text-muted: #a0a0a0;
    --color-text-placeholder: #b8b8b8;

    
    --color-border: #e8e4df;
    --color-border-light: #f0ece6;
    --color-input-bg: #fffdf9;
    --color-input-border: #ddd8d1;

    
    --color-dark-body: #1a1a2e;
    --color-dark-card: #16213e;
    --color-dark-text: #e8e8e8;
    --color-dark-primary: #4a9eff;

    

    
    
    --font-family-display: "PingFang SC", "Noto Serif SC", "Source Han Serif SC", "Source Han Serif CN", STSong, "SimSun", serif;
    
    --font-family-body: "Noto Serif SC", "KaiTi", "STKaiti", "FangSong", "FangSong_GB2312", "STFangsong", serif;
    
    --font-family-ui: "PingFang SC", "Helvetica Neue", "Helvetica", "Arial", sans-serif;
    
    --font-family-numeric: "DIN Alternate", "DIN Pro", "SF Pro Display", "Roboto", sans-serif;
    
    --font-family: var(--font-family-ui);

    
    --font-size-h1: 48px;        
    --font-size-h2: 32px;        
    --font-size-h3: 24px;        
    --font-size-h4: 18px;        
    --font-size-body: 16px;      
    --font-size-body-large: 17px; 
    --font-size-body-small: 14px; 
    --font-size-caption: 12px;   

    
    --font-weight-h1: 600;
    --font-weight-h2: 600;
    --font-weight-h3: 600;
    --font-weight-h4: 600;
    --font-weight-body: 400;
    --font-weight-body-large: 400;
    --font-weight-body-small: 400;
    --font-weight-caption: 400;

    
    --line-height-h1: 1.2;
    --line-height-h2: 1.3;
    --line-height-h3: 1.4;
    --line-height-h4: 1.5;
    --line-height-body: 1.8;      
    --line-height-body-large: 2.0; 
    --line-height-body-small: 1.6;
    --line-height-caption: 1.5;

    
    --shadow-card: 0 1px 3px rgba(0,0,0,0.04), 0 4px 16px rgba(0,0,0,0.02);
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.04);
    --shadow-md: 0 4px 12px rgba(0,0,0,0.04);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.05);
    --shadow-hover: 0 4px 12px rgba(0,0,0,0.06), 0 16px 48px rgba(0,0,0,0.04);

    
    --radius-xs: 5px;
    --radius-sm: 8px;
    --radius-md: 11px;
    --radius-lg: 18px;
    --radius-pill: 9999px;
    --radius-full: 9999px;

    
    --sp-xs: 4px;
    --sp-sm: 8px;
    --sp-md: 16px;
    --sp-lg: 24px;
    --sp-xl: 32px;
    --sp-2xl: 48px;
    --sp-section: 80px;
}