:root {
    /* 主色调 - Maroon */
    --color-primary: #800000;
    --color-primary-light: #a03030;
    --color-primary-dark: #5a0000;

    /* 辅色调 - 香槟金 */
    --color-secondary: #d4af37;
    --color-secondary-light: #e8c860;
    --color-secondary-dark: #b8952f;

    /* 强调色 */
    --color-accent: #d4af37;

    /* 背景色 */
    --color-bg: #faf9f7;
    --color-bg-alt: #f5f0eb;
    --color-bg-dark: #1a1a1a;

    /* 文字色 */
    --color-text: #2d2d2d;
    --color-text-muted: #6b6b6b;
    --color-text-light: #ffffff;

    /* 边框色 */
    --color-border: #e5e0d8;
    --color-border-light: rgba(255,255,255,0.2);

    /* 字体 */
    --font-display: 'Playfair Display', 'Noto Serif SC', Georgia, serif;
    --font-body: 'Inter', 'Noto Sans SC', system-ui, sans-serif;
    --font-fallback: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

    /* 间距 */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-6: 24px;
    --space-8: 32px;
    --space-12: 48px;
    --space-16: 64px;
    --space-24: 96px;

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

    /* 阴影 */
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px rgba(0,0,0,0.08);
    --shadow-lg: 0 10px 15px rgba(0,0,0,0.1);
    --shadow-xl: 0 20px 25px rgba(0,0,0,0.15);
    --shadow-gold: 0 4px 20px rgba(212,175,55,0.25);

    /* 过渡 */
    --transition-fast: 150ms ease;
    --transition-base: 250ms ease;
    --transition-slow: 400ms ease;
}