/* =================================
   Tailwind CSS 自定义配置
   Custom Tailwind Configuration
   ================================= */

/* 自定义颜色变量 */
:root {
    --color-primary: #1A202C;
    --color-secondary: #4299E1;
    --color-accent: #ED8936;
    --color-neutral: #F7FAFC;
    
    /* 阴影变量 */
    --shadow-premium: 0 20px 40px -12px rgba(0, 0, 0, 0.25);
    --shadow-premium-lg: 0 32px 64px -12px rgba(0, 0, 0, 0.25);
    --shadow-glow: 0 0 20px rgba(66, 153, 225, 0.3);
    --shadow-glow-accent: 0 0 20px rgba(237, 137, 54, 0.3);
}

/* 自定义工具类 */
.shadow-premium {
    box-shadow: var(--shadow-premium);
}

.shadow-premium-lg {
    box-shadow: var(--shadow-premium-lg);
}

.shadow-glow {
    box-shadow: var(--shadow-glow);
}

.shadow-glow-accent {
    box-shadow: var(--shadow-glow-accent);
}

/* 自定义圆角 */
.rounded-button {
    border-radius: 8px;
}

/* 字体家族 */
.font-display {
    font-family: 'Pacifico', cursive;
}

.font-body {
    font-family: 'Inter', sans-serif;
}