/* Sobrescrevendo cores do Tailwind */
.bg-primary {
    background-color: #83149E !important;
}

.text-primary {
    color: #83149E !important;
}

.border-primary {
    border-color: #83149E !important;
}

/* Hover states */
.hover\:bg-primary:hover {
    background-color: #6a1180 !important;
}

.hover\:text-primary:hover {
    color: #6a1180 !important;
}

/* Focus states */
.focus\:ring-primary:focus {
    --tw-ring-color: #83149E !important;
}

/* Variantes mais claras */
.bg-primary\/10 {
    background-color: rgba(131, 20, 158, 0.1) !important;
}

.bg-primary\/20 {
    background-color: rgba(131, 20, 158, 0.2) !important;
}

/* Variantes mais escuras */
.text-primary-dark {
    color: #6a1180 !important;
}

.bg-primary-dark {
    background-color: #6a1180 !important;
}

/* Sobrescrevendo cores vermelhas específicas */
.text-red-500,
.text-red-600,
.text-red-700,
.text-red-800,
.text-red-900 {
    color: #83149E !important;
}

.bg-red-50,
.bg-red-100,
.bg-red-200,
.bg-red-300,
.bg-red-400,
.bg-red-500,
.bg-red-600,
.bg-red-700,
.bg-red-800,
.bg-red-900 {
    background-color: #83149E !important;
}

.border-red-200,
.border-red-300,
.border-red-400,
.border-red-500,
.border-red-600,
.border-red-700,
.border-red-800,
.border-red-900 {
    border-color: #83149E !important;
}

/* Hover states para vermelho */
.hover\:text-red-700:hover,
.hover\:text-red-800:hover,
.hover\:text-red-900:hover {
    color: #6a1180 !important;
}

.hover\:bg-red-600:hover,
.hover\:bg-red-700:hover,
.hover\:bg-red-800:hover {
    background-color: #6a1180 !important;
}

/* Focus states para vermelho */
.focus\:ring-red-500:focus {
    --tw-ring-color: #83149E !important;
}

/* Variantes mais claras para backgrounds */
.bg-red-50 {
    background-color: rgba(131, 20, 158, 0.1) !important;
}

.bg-red-100 {
    background-color: rgba(131, 20, 158, 0.2) !important;
}

/* Variantes mais escuras para textos */
.text-red-800 {
    color: #6a1180 !important;
}

.text-red-900 {
    color: #4d0c5c !important;
}

.floating-banner .close-button {
    background: #83149E !important;
    color: #fff !important;
}
.floating-banner .close-button:hover {
    background: #6a1180 !important;
}

.tanahora-cast {
    background-color: #83149E !important;
}

nav .nav-link::after,
.menu .nav-link::after,
.header .nav-link::after,
.nav-link.active::after {
    background-color: #83149E !important;
}

/* Menu mobile - header e botão de fechar */
.mobile-menu .mobile-header,
.mobile-menu .logo-bar {
    background-color: #83149E !important;
}

.mobile-menu-close,
.mobile-menu-close svg,
.mobile-menu-close i {
    background: none !important;
    color: #fff !important;
}
.mobile-menu-close:hover,
.mobile-menu-close:focus {
    background: #6a1180 !important;
    color: #fff !important;
}

.mobile-menu > div:first-child,
.mobile-menu > header:first-child {
    background-color: #83149E !important;
}

.mobile-menu-button span {
    background-color: #83149E !important;
} 