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

:root {
    --brand-color: #00a335; /* Verde da Ton */
    --brand-color-dark: #00822a;
    --brand-bg-light: #e6f6eb; /* Verde bem clarinho */
    --brand-shadow-color: rgba(0, 163, 53, 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, 163, 53, 0.1);
}

h2.text-3xl.font-extrabold.text-slate-900, p.mt-4.max-w-2xl.mx-auto.text-lg.text-slate-700{
    color:aliceblue;
}