/* assets/css/pages/sumup-theme.css */

:root {
    --brand-color: #3b82f6; /* Azul escuro pastel */
    --brand-color-dark: #2563eb;
    --brand-bg-light: #eff6ff; /* Azul bem clarinho */
    --brand-shadow-color: rgba(59, 130, 246, 0.3);
}

.brand-bg { 
    background-image: linear-gradient(to top, #ffffff, #f3f4f6);
}
.brand-bg-dark {
    background-color: var(--brand-color);
}
.brand-text { 
    color: var(--brand-color); 
}
.brand-border { 
    border-color: var(--brand-color); 
}

.prose h2 i {
    color: var(--brand-color);
    background-color: var(--brand-bg-light);
}

.prose ul li i.brand-text, 
.prose ul li::before { /* Fallback para garantir a cor */
    color: var(--brand-color);
    background-color: var(--brand-bg-light);
}

.cta-button:hover {
    transform: translateY(-4px) scale(1.03); 
    box-shadow: 0 15px 25px -5px var(--brand-shadow-color), 0 10px 10px -5px rgba(59, 130, 246, 0.1);
}