:root{
--relevo-claro:#FAFCFE;
--relevo-escuro:#D1D9E6;
--relevo-1:3px 3px 6px var(--relevo-escuro),-3px -3px 6px var(--relevo-claro);
--relevo-2:6px 6px 12px var(--relevo-escuro),-6px -6px 12px var(--relevo-claro);
--relevo-in:inset 4px 4px 8px var(--relevo-escuro),inset -4px -4px 8px var(--relevo-claro);
}
/* O relevo é para o que se toca e para o que contém. Nunca para o que se lê. */
@media (prefers-reduced-motion:reduce){*{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}}