:root {
  --df-primary: #2196f3;
  --df-secondary: #ffab40;
  --df-surface: #f5f7fa;
  --df-text-main: #212529;
}

html {
  scroll-behavior: smooth;
}

/* micro animações suaves */
.df-fade-in {
  animation: df-fade-in 0.5s ease-out both;
}

@keyframes df-fade-in {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}