:root {
    --primary-color: #D4A574;
    --secondary-color: #8B4513;
    --accent-color: #F4A460;
    --text-primary: #2D1B0E;
    --text-secondary: #5D4037;
}

.custom-primary { color: var(--primary-color); }
.custom-secondary { color: var(--secondary-color); }
.custom-accent { color: var(--accent-color); }
.bg-custom-primary { background-color: var(--primary-color); }
.bg-custom-secondary { background-color: var(--secondary-color); }
.bg-custom-accent { background-color: var(--accent-color); }
.border-custom-primary { border-color: var(--primary-color); }
.text-custom-primary { color: var(--text-primary); }
.text-custom-secondary { color: var(--text-secondary); }

.hover\\:bg-custom-primary:hover { background-color: var(--primary-color); }
.hover\\:bg-custom-accent:hover { background-color: var(--accent-color); }

.gradient-text {
    background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.bg-custom-gradient{
    background-image: linear-gradient(to bottom right,#fff , #fffbeb , #fff7ed);
}

.craft-shadow {
    box-shadow: 0 10px 40px rgba(139, 69, 19, 0.1);
}

.beer-pattern {
    background-image: radial-gradient(circle at 1px 1px, rgba(212, 165, 116, 0.1) 1px, transparent 0);
    background-size: 20px 20px;
}

.bg-img{
    background-image: url('../assets/img/logo-les-busas.png');
    background-size: cover;
    background-position: center;
}