/* ========================================
   正心禅寺 - 统一设计变量
   ======================================== */

:root {
    /* ===== 主色调 ===== */
    --color-gold: #C9A87C;
    --color-gold-light: #E8D5B8;
    --color-gold-dark: #B8965A;
    --color-jade: #7E8C6D;
    --color-brown: #8B7355;
    --color-brown-light: #A89274;
    --color-dark: #2C2418;
    --color-dark-gray: #4A4A4A;
    --color-sand: #F5F0E8;
    --color-sand-light: #FAF8F5;
    --color-white: #FFFFFF;
    --color-gray: #6B6B6B;
    --color-gray-light: #EEEEEE;
    --color-red: #B84C2C;
    
    /* ===== 文字颜色 ===== */
    --text-primary: #333333;
    --text-secondary: #6B6B6B;
    --text-muted: #999999;
    --text-inverse: #FFFFFF;
    --text-gold: var(--color-gold);
    
    /* ===== 背景色 ===== */
    --bg-primary: var(--color-white);
    --bg-secondary: var(--color-sand);
    --bg-tertiary: var(--color-sand-light);
    --bg-dark: var(--color-dark);
    
    /* ===== 边框色 ===== */
    --border-light: var(--color-gray-light);
    --border-medium: #DDDDDD;
    --border-gold: var(--color-gold);
    
    /* ===== 阴影 ===== */
    --shadow-sm: 0 2px 8px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 16px rgba(0,0,0,0.08);
    --shadow-lg: 0 8px 32px rgba(0,0,0,0.12);
    --shadow-gold: 0 4px 16px rgba(201,168,124,0.2);
    --shadow-hover: 0 12px 40px rgba(0,0,0,0.15);
    
    /* ===== 圆角 ===== */
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-xl: 24px;
    --radius-2xl: 32px;
    --radius-full: 9999px;
    
    /* ===== 间距 ===== */
    --spacing-xs: 4px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 24px;
    --spacing-xl: 32px;
    --spacing-2xl: 48px;
    --spacing-3xl: 64px;
    
    /* ===== 字体 ===== */
    --font-serif: '华文楷书', 'Cormorant Garamond', 'Times New Roman', serif;
    --font-sans: 'PingFang SC', 'Microsoft YaHei', 'Helvetica Neue', sans-serif;
    
    /* ===== 动画 ===== */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.5s ease;
    
    /* ===== 容器宽度 ===== */
    --container-max: 1200px;
    --container-padding: 20px;
}

/* 暗色主题（可选） */
[data-theme="dark"] {
    --bg-primary: #1a1a1a;
    --bg-secondary: #2a2a2a;
    --text-primary: #e0e0e0;
    --text-secondary: #b0b0b0;
    --border-light: #333333;
}