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

:root {
    --brand-color: #009ee3; /* Azul do Mercado Pago */
    --brand-color-dark: #008acc;
    --brand-bg-light: #e0f2fe; /* Azul bem clarinho */
    --brand-shadow-color: rgba(0, 158, 227, 0.3);
}

.brand-bg { 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::before {
    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(0, 158, 227, 0.1);
}