/**
 * Theme Colors - GestãoApp Encomendas
 * Desenvolvido por: GESTÃOAPP (https://gestaoapp.ia.br)
 * Cores atualizadas para Roxo/Violeta - 21/02/2026
 */

:root {
    /* Cores Primárias - Roxo/Violeta */
    --primary-color: #7c3aed;
    --primary-light: #a78bfa;
    --primary-dark: #6d28d9;
    
    /* Cores Secundárias - Roxo Escuro */
    --secondary-color: #5b21b6;
    --secondary-light: #8b5cf6;
    --secondary-dark: #4c1d95;
    
    /* Cores de Destaque */
    --accent-color: #a855f7;
    --accent-light: #c4b5fd;
    
    /* Cores de Texto */
    --title-color: #2D3748;
    --text-color: #4A5568;
    --text-light: #718096;
    
    /* Cores de Fundo */
    --body-color: #f5f3ff;
    --container-color: #FFFFFF;
    
    /* Cores sólidas (sem gradientes) */
    --gradient-1: #7c3aed;
    --gradient-2: #a855f7;
    --gradient-3: #7c3aed;
    
    /* Sombras */
    --shadow-sm: 0 1px 2px 0 rgba(124, 58, 237, 0.05);
    --shadow: 0 1px 3px 0 rgba(124, 58, 237, 0.1);
    --shadow-md: 0 4px 6px -1px rgba(124, 58, 237, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(124, 58, 237, 0.1);
    --shadow-xl: 0 20px 25px -5px rgba(124, 58, 237, 0.1);
}

/* Botões com cores do logo */
.button--primary {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.button--primary:hover {
    background: var(--primary-dark) !important;
    transform: translateY(-2px);
}

.button--secondary {
    background: var(--secondary-color) !important;
    color: #fff !important;
}

.button--outline {
    border: 2px solid var(--primary-color) !important;
    color: var(--primary-color) !important;
}

.button--outline:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* Header com cores do logo */
.header {
    background: #fff !important;
    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.1) !important;
}

/* Links de navegação */
.nav__link {
    color: var(--text-color) !important;
}

.nav__link:hover,
.nav__link.active-link {
    color: var(--primary-color) !important;
}

/* Seção Hero */
.gradient-text {
    color: var(--primary-color) !important;
}

/* Cards de Features */
.features__card:hover {
    border-color: var(--primary-color) !important;
    box-shadow: 0 8px 16px rgba(124, 58, 237, 0.15) !important;
}

.features__icon {
    background: var(--primary-color) !important;
}

/* Seção de Benefícios */
.benefits__icon {
    background: var(--secondary-color) !important;
}

/* Planos - Cards */
.pricing__card--featured {
    border: 2px solid var(--primary-color) !important;
    box-shadow: 0 12px 24px rgba(124, 58, 237, 0.2) !important;
}

.pricing__badge {
    background: var(--primary-color) !important;
}

.pricing__price {
    color: var(--primary-color) !important;
}

/* FAQ */
.faq__question:hover {
    color: var(--primary-color) !important;
}

.faq__icon {
    color: var(--primary-color) !important;
}

/* Footer */
.footer {
    background: #1a1a1a !important;
}

.footer__social-link:hover {
    background: var(--primary-color) !important;
    color: #fff !important;
}

.footer__link:hover {
    color: var(--primary-color) !important;
}

/* Botão WhatsApp Verde */
.button--whatsapp,
.nav__btns .button--primary[href*="wa.me"] {
    background: #25D366 !important;
    color: #fff !important;
}

.button--whatsapp:hover,
.nav__btns .button--primary[href*="wa.me"]:hover {
    background: #128C7E !important;
}

/* Botão WhatsApp Flutuante */
.whatsapp-float {
    background: #25D366 !important;
    box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4) !important;
}

.whatsapp-float:hover {
    background: var(--primary-dark) !important;
    transform: scale(1.1) !important;
}

/* Scroll to Top */
.scrollup {
    background: var(--primary-color) !important;
}

.scrollup:hover {
    background: var(--primary-dark) !important;
}

/* Estatísticas */
.stats__number {
    color: var(--primary-color) !important;
}

/* Timeline do Processo */
.process__number {
    background: var(--primary-color) !important;
}

.process__card:hover {
    border-color: var(--primary-color) !important;
}

/* Animações e Efeitos */
.floating-card {
    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15) !important;
}

/* Seção CTA */
.cta {
    background: var(--primary-color) !important;
}

/* Inputs e Forms */
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1) !important;
}

/* Links */
a:hover {
    color: var(--primary-color) !important;
}

/* Badges e Tags */
.badge {
    background: var(--primary-color) !important;
    color: #fff !important;
}

/* Seção Subtitle */
.section__subtitle {
    color: var(--primary-color) !important;
    background: rgba(124, 58, 237, 0.1) !important;
}

/* Ícones coloridos */
.icon--primary {
    color: var(--primary-color) !important;
}

.icon--secondary {
    color: var(--secondary-color) !important;
}

/* Hover effects */
.card:hover {
    box-shadow: 0 8px 16px rgba(124, 58, 237, 0.15) !important;
}