:root {
    --sand: #f5ecde;
    --mist: #ebe3d5;
    --forest: #1f4b42;
    --clay: #b96734;
    --bark: #31251c;
}

.site-bg {
    background:
        radial-gradient(circle at 10% 15%, rgba(185, 103, 52, 0.15), transparent 30%),
        radial-gradient(circle at 88% 20%, rgba(31, 75, 66, 0.12), transparent 28%),
        linear-gradient(160deg, var(--sand), #faf5ed 45%, #f2e7d8 100%);
}

.card-glow {
    box-shadow: 0 18px 38px rgba(31, 75, 66, 0.10);
}

.reveal {
    animation: rise 700ms ease-out both;
}

@keyframes rise {
    from {
        opacity: 0;
        transform: translateY(12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}