:root {
    --cs-palha: #f5f0e4;
    --cs-marfim: #fffcf5;
    --cs-mata: #173f2b;
    --cs-mata-profunda: #0d2d1d;
    --cs-folha: #376a46;
    --cs-ouro: #c49a45;
    --cs-ouro-claro: #e8d5a5;
    --cs-terra: #29251f;
    --cs-terra-suave: #665f54;
    --cs-linha: #ded5c5;
    --cs-sucesso: #287247;
    --cs-erro: #a33a2b;
    --cs-branco: #ffffff;
    --cs-font-display: "Lora", Georgia, "Times New Roman", serif;
    --cs-font-body: "Manrope", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --cs-radius-sm: .5rem;
    --cs-radius-md: .875rem;
    --cs-radius-lg: 1.5rem;
    --cs-shadow-sm: 0 8px 24px rgba(41, 37, 31, .08);
    --cs-shadow-md: 0 18px 45px rgba(25, 47, 34, .14);
    --cs-container: 76rem;
}

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

html {
    color-scheme: light;
    scroll-behavior: smooth;
}

body {
    margin: 0;
    color: var(--cs-terra);
    background: var(--cs-palha);
    font-family: var(--cs-font-body);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}

button,
input,
select {
    font: inherit;
}

a {
    color: inherit;
}

:focus-visible {
    outline: 3px solid var(--cs-ouro);
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }
    *,
    *::before,
    *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}