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

:root {
    --brand-color: #fdd100; /* Amarelo da Yelly */
    --brand-color-dark: #e4bb00;
    --brand-bg-light: #fffbeb; /* Amarelo bem clarinho */
    --brand-shadow-color: rgba(253, 209, 0, 0.4);
}

.brand-bg { background-color: var(--brand-color); }
.brand-text { color: var(--brand-color); }
.brand-border { border-color: var(--brand-color); }

.prose h2 i {
    color: #ca8a04; /* Amarelo escuro para contraste */
    background-color: var(--brand-bg-light);
}

/* Aplica a cor do ícone de check na lista */
.prose ul li::before {
    color: #ca8a04;
    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(253, 209, 0, 0.2);
}