/* 基础样式 */
body {
    font-family: 'Inter', sans-serif;
    background-color: #F8F5F0;
    color: #2D2A24;
}

/* 主色调 */
.text-primary, 
.hover\:text-primary:hover {
    color: #9E8A78;
}

.bg-primary, 
.hover\:bg-primary:hover {
    background-color: #9E8A78;
}

/* 辅助色 */
.bg-secondary {
    background-color: #C8C8C8;
}

/* 卡片阴影 */
.card-shadow {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.card-shadow:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
}

/* 响应式布局 */
@media (min-width: 768px) {
    .grid-cols-md-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (min-width: 1024px) {
    .grid-cols-lg-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}