/* assets/css/pages/mp-light-theme.css */

:root {
    --brand-color: #00a6f0; /* Azul claro do Mercado Pago */
    --brand-color-dark: #009ee3; /* Azul principal */
    --brand-bg-light: #e0f8ff; /* Azul bem clarinho */
    --brand-shadow-color: rgba(0, 166, 240, 0.3);
}

.brand-bg { 
    background-image: linear-gradient(to top, #ffffff, #f0f9ff);
}
.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 {
    color: var(--brand-color);
}

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