:root {
    color-scheme: light dark;
    --verde: #153424;
    --background: light-dark(#ffffff, #202020);
    --icone-texto: light-dark(#000000, #ffffff);
    --bordas-nav: light-dark(#f5f5f533, #1a1a1acc);
    --gradiente-nav: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.92) 80%,
        #ffffff 100%
    );
    --gradiente-footer: linear-gradient(
        360deg,
        rgba(182, 250, 202, 0.15) 0%,
        rgba(119, 219, 153, 0.30) 100%
    );
}

@media (prefers-color-scheme: dark) {
    :root {
        --gradiente-nav: linear-gradient(
            180deg,
            rgba(32, 32, 32, 0.92) 80%,
            #202020 100%
        );
    }
}