/*
 * Paleta clara construída a partir do logo original:
 * marfim como base, verde Sapieha como estrutura e dourado como movimento.
 */
body {
    background: var(--cream);
    color: var(--ink);
}

.site-header {
    background: rgba(247, 242, 230, .92);
    border-bottom-color: rgba(11, 112, 0, .14);
    box-shadow: 0 8px 32px rgba(34, 57, 27, .05);
}

.nav nav {
    color: #31512b;
}

.nav nav > a:not(.nav-cta)::after {
    background: var(--green);
}

.nav-cta {
    background: var(--green);
    color: #fff;
}

.menu-toggle {
    border-color: rgba(11, 112, 0, .25);
}

.menu-toggle span {
    background: var(--green);
}

.hero {
    color: var(--ink);
    background:
        radial-gradient(circle at 82% 38%, rgba(255, 194, 87, .36), transparent 29%),
        radial-gradient(circle at 72% 50%, rgba(11, 112, 0, .08), transparent 36%),
        linear-gradient(135deg, #faf7ef 0%, #f2ead9 100%);
}

.hero::before {
    opacity: .3;
    background-image: radial-gradient(rgba(11,112,0,.28) .65px, transparent .65px);
    mask-image: linear-gradient(90deg, #000, transparent 62%);
}

.hero-glow {
    border-color: rgba(11, 112, 0, .16);
    box-shadow: inset 0 0 120px rgba(255, 194, 87, .2);
}

.hero-copy > p {
    color: #5b6856;
}

.hero h1 em {
    color: var(--green);
}

.button-link {
    color: var(--green);
}

.hero-trust {
    color: #75816f;
}

.hero-trust i {
    background: var(--gold);
}

.fluid-line {
    border-color: rgba(11, 112, 0, .3);
}

.fluid-line--two {
    border-color: rgba(255, 179, 47, .55);
}

.hero-visual p {
    color: #75816f;
}

.hero-visual strong {
    color: var(--green);
}

.oil-edge {
    background: #fffdf8;
}

.company {
    background: #fffdf8;
}

.products {
    background: #f0eadc;
    color: var(--ink);
}

.products .kicker {
    color: var(--green);
}

.products h2 em {
    color: var(--green);
}

.section-heading > p {
    color: var(--muted);
}

.product-card {
    color: var(--ink);
    border: 1px solid rgba(11, 112, 0, .1);
    box-shadow: 0 20px 55px rgba(58, 72, 48, .07);
}

.product-card--vegetal {
    background: #dcebd5;
}

.product-card--animal {
    background: #ffe1a3;
}

.product-card--mineral {
    background: #fffdf8;
}

.product-card::after {
    color: var(--green);
}

.product-card > a {
    color: var(--green);
}

.differentiators {
    background: #e5efdf;
    color: var(--ink);
}

.differentiators .kicker {
    color: var(--green);
}

.differentiators h2 em {
    color: var(--green);
}

.diff-intro > p {
    color: var(--muted);
}

.diff-list,
.diff-list article {
    border-color: rgba(11, 112, 0, .18);
}

.diff-list b {
    color: var(--green);
}

.diff-list i {
    color: #fff;
}

.cta-band {
    background: linear-gradient(120deg, #ffc257 0%, #ffd681 100%);
}

.contact {
    background: #faf7ef;
}

.site-footer {
    background: #edf1e8;
    color: var(--ink);
    border-top: 1px solid rgba(11, 112, 0, .12);
}

.footer-brand > p,
.footer-grid a,
.footer-grid div > p {
    color: #596653;
}

.footer-grid strong {
    color: var(--green);
}

.footer-bottom {
    border-top-color: rgba(11, 112, 0, .15);
    color: #6a7665;
}

.footer-bottom button {
    color: var(--green);
}

@media (max-width: 720px) {
    .nav nav {
        background: #faf7ef;
        border-bottom-color: rgba(11, 112, 0, .15);
    }
}