/**
 * FontAwesome Duotone Icons - IntGest Custom Colors
 * 
 * Customização das cores duotone para combinar com a identidade visual IntGest
 * Cores primárias: #198da8 (intgest) e #147086 (intgest-dark)
 */

/* Cor primária (camada superior) - IntGest */
:root {
    --fa-primary-color: #198da8;
    --fa-primary-opacity: 1.0;
    
    /* Cor secundária (camada inferior) - IntGest Light */
    --fa-secondary-color: #3aafca;
    --fa-secondary-opacity: 0.4;
}

/* Estado hover - tons mais escuros */
.group:hover .fa-duotone,
a:hover .fa-duotone,
button:hover .fa-duotone {
    --fa-primary-color: #147086;
    --fa-secondary-color: #198da8;
    --fa-secondary-opacity: 0.5;
}

/* Animação suave nas transições de cor */
.fa-duotone {
    transition: --fa-primary-color 0.2s ease, 
                --fa-secondary-color 0.2s ease;
}

/* Opcional: Variações de cores para diferentes estados */
.text-intgest .fa-duotone {
    --fa-primary-color: #198da8;
    --fa-secondary-color: #3aafca;
}

.text-intgest-dark .fa-duotone {
    --fa-primary-color: #147086;
    --fa-secondary-color: #198da8;
}

/* Estados de UI específicos */
.menu-item-submenu.active .fa-duotone,
.menu-item-submenu[aria-expanded="true"] .fa-duotone {
    --fa-primary-color: #147086;
    --fa-secondary-opacity: 0.6;
}

/* Ícones em estados disabled */
.disabled .fa-duotone,
.fa-duotone[disabled],
button:disabled .fa-duotone {
    --fa-primary-color: #9ca3af;
    --fa-secondary-color: #d1d5db;
    --fa-primary-opacity: 0.5;
    --fa-secondary-opacity: 0.3;
}

/* Feedback visual em focus para acessibilidade */
*:focus .fa-duotone,
button:focus .fa-duotone,
a:focus .fa-duotone {
    --fa-primary-opacity: 1.0;
    --fa-secondary-opacity: 0.5;
    filter: drop-shadow(0 0 2px rgba(25, 141, 168, 0.5));
}

/* Animações opcionais (podem ser ativadas via classe) */
.fa-duotone.fa-pulse-soft {
    animation: pulse-soft 2s ease-in-out infinite;
}

@keyframes pulse-soft {
    0%, 100% {
        --fa-primary-opacity: 1.0;
        --fa-secondary-opacity: 0.4;
    }
    50% {
        --fa-primary-opacity: 0.8;
        --fa-secondary-opacity: 0.6;
    }
}

/* Suporte a tema escuro (se implementado no futuro) */
@media (prefers-color-scheme: dark) {
    :root {
        --fa-primary-color: #3aafca;
        --fa-secondary-color: #198da8;
        --fa-primary-opacity: 0.9;
        --fa-secondary-opacity: 0.5;
    }
}