/* Custom design tokens using HSL as requested */
:root{
  --background: 0 0% 100%;
  --foreground: 170 80% 10%;

  --card: 0 0% 100%;
  --card-foreground: 170 80% 10%;

  --primary: 170 60% 45%;
  --primary-foreground: 0 0% 100%;

  --accent: 45 100% 55%;
}

/* small animations */
@keyframes floaty {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0px); }
}
img { animation: floaty 6s ease-in-out infinite; }