.color-orange {
    color: #f59c0c
}

.text-brand-accent {
    --tw-text-opacity: 1;
    color: rgb(251 191 36 / var(--tw-text-opacity, 1));
}

.gradient-text {
    background: linear-gradient(90deg, #FCD34D 0%, #F59E0B 50%, #EF4444 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hero-gradient {
    /*background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);*/
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #101826 50%, rgba(255, 255, 255, 0) 100%);
}

.hero-gradient-y {
    /*background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);*/
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #101826 100%);
}

.btn-gradient {
    background: linear-gradient(90deg, #F59E0B 0%, #EF4444 100%);
}
.btn-gradient-admin {
    background: linear-gradient(90deg, #312104 0%, #802929 100%);
    opacity: 0.6;
}

.btn-gradient,
.btn-gradient-admin {
    transition: all 0.3s ease;
}

.btn-gradient:hover,
.btn-gradient-admin:hover {
    opacity: 0.9;
    transform: translateY(-2px);
}

.hero-pattern {
    background-image: radial-gradient(circle at 2px 2px, rgba(255,255,255,0.03) 1px, transparent 0);
    background-size: 32px 32px;
}

/* Pour le menu burger */
#burger-btn.is-open .burger-line:nth-child(1) {
    transform: translateY(8px) rotate(45deg);
}

#burger-btn.is-open .burger-line:nth-child(2) {
    opacity: 0;
    transform: scaleX(0);
}

#burger-btn.is-open .burger-line:nth-child(3) {
    transform: translateY(-8px) rotate(-45deg);
}