@import "tailwindcss";

/* Jeśli powyższy import nie działa (używasz Tailwind v3), użyj tych trzech linii: */
/* @tailwind base; @tailwind components; @tailwind utilities; */

:root {
    background-color: #fff5f8;
}

body {
    margin: 0;
        font-family: 'Inter', system-ui, -apple-system, sans-serif;
}

#root {
    width: 100%;
}
/* Animacja chodzenia - przednie i tylne łapki poruszają się naprzemiennie */
@keyframes kitty-walk {
    0%, 100% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(20deg);
    }
}

@keyframes kitty-walk-alt {
    0%, 100% {
        transform: rotate(20deg);
    }

    50% {
        transform: rotate(-20deg);
    }
}

/* Merdanie ogonkiem */
@keyframes tail-wag {
    0%, 100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(15deg);
    }
}

/* Delikatne pulsowanie ciała (oddychanie) */
@keyframes kitty-breathe {
    0%, 100% {
        transform: scaleY(1);
    }

    50% {
        transform: scaleY(1.05);
    }
}

/* Animacja łapek podczas skoku (podkurczanie) */
.legs-jump {
    transform: rotate(45deg) translateY(-5px) !important;
}
/* Animacja oddychania tułowia */
@keyframes kitty-breathe {
  0%, 100% { transform: scaleY(1); }
  50% { transform: scaleY(1.03); }
}

/* Animacja chodzenia łapek - naprzemienna */
@keyframes kitty-walk {
  0%, 100% { transform: rotate(-25deg); }
  50% { transform: rotate(25deg); }
}

@keyframes kitty-walk-alt {
  0%, 100% { transform: rotate(25deg); }
  50% { transform: rotate(-25deg); }
}

/* Merdanie ogonkiem */
@keyframes tail-wag {
  0%, 100% { transform: rotate(0deg); }
  50% { transform: rotate(20deg); }
}
@keyframes kitty-walk {
  0%, 100% { transform: rotate(-30deg) translateY(0); }
  50% { transform: rotate(30deg) translateY(-2px); }
}

@keyframes kitty-walk-alt {
  0%, 100% { transform: rotate(30deg) translateY(-2px); }
  50% { transform: rotate(-30deg) translateY(0); }
}

@keyframes tail-wag {
  0%, 100% { transform: rotate(-20deg); }
  50% { transform: rotate(10deg); }
}

@keyframes kitty-breathe {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.02); }
}
.animate-spin-slow {
    animation: animate-spin-slow 8s linear infinite;
}