:root {
    --rotary-blue: #17458f;
    --rotary-gold: #f7a81b;
    --tree-green: #198754;
}

body {
    background: #f6f8fb;
}

.hero {
    background: linear-gradient(135deg, rgba(23, 69, 143, 0.95), rgba(25, 135, 84, 0.92)), url('../img/trees.svg');
    background-size: cover;
    color: #fff;
}

.card-soft {
    border: 0;
    border-radius: 1.25rem;
    box-shadow: 0 1rem 2.5rem rgba(15, 23, 42, 0.08);
}

.counter-button {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 2rem;
    line-height: 1;
}

.tree-count {
    font-size: clamp(2rem, 7vw, 4.5rem);
    font-weight: 800;
    color: var(--tree-green);
}

.stat-card {
    border-left: 0.35rem solid var(--tree-green);
}

.brand-badge {
    background: rgba(247, 168, 27, 0.15);
    color: #7a4b00;
}

.table td,
.table th {
    vertical-align: middle;
}