:root {
    --color-bg: #eff7eb;
    --color-surface: #f7fcf5;
    --color-text: #283523;
    --color-muted: #6f7d6b;
    --color-primary: #2f7b46;
    --color-secondary: #8cc298;
    --color-accent: #cc8a3f;
    --color-accent-soft: #e9d5a8;
    --color-border: rgba(118, 152, 117, 0.18);
    --radius: 1.8rem;
    --shadow: 0 20px 50px rgba(57, 45, 33, 0.12), 0 8px 24px rgba(57, 45, 33, 0.08);
    --max-width: 1180px;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Poppins', sans-serif;
    line-height: 1.65;
    color: var(--color-text);
    background: radial-gradient(circle at top left, rgba(211, 148, 80, 0.14), transparent 20%),
                radial-gradient(circle at bottom right, rgba(141, 184, 136, 0.14), transparent 22%),
                var(--color-bg);
}

img {
    max-width: 100%;
    display: block;
}

*, *::before, *::after {
    box-sizing: border-box;
}