@keyframes float {
  0% { transform: translateY(0) ;}
  50% { transform: translateY(-25px); }
  100% {transform: translateY(0); }
}

:root {
  /* 🎨 Paleta principal */
  --color-primary: #0079ff;
  --color-primary-medium: #3a9ff8;
  --color-primary-light: #94c2f3;
  --color-primary-dark: #006cff;

  /* ⚪ Superfícies claras */
  --color-white: #ffffff;
  --color-off-white: #f2f2f2;
  --color-light: #e7e7e7;

  /* ⚫ Base escura */
  --color-black: rgb(31, 31, 31);
  --color-black-rgb: 31, 31, 31;
  --color-white-rgb: 255, 255, 255;
  --color-primary-rgb: 0, 121, 255;

  /* 📝 Texto */
  --text-primary-dark: rgba(var(--color-black-rgb), 0.75);
  --text-secondary-dark: rgba(var(--color-black-rgb), 0.65);
  --text-muted-dark: rgba(var(--color-black-rgb), 0.5);

  --text-primary-light: rgba(var(--color-white-rgb), 0.9);
  --text-secondary-light: rgba(var(--color-white-rgb), 0.8);

  --text-primary-blue: rgba(var(--color-primary-rgb), 0.9);
  --text-secondary-blue: rgba(var(--color-primary-rgb), 0.8);

  /* 🔤 Fonte */
  --font-base: "DM Sans", sans-serif;
}