src/index.css

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@300;400;500;600;700;800&family=Sacramento&display=swap');
@import "tailwindcss";

@theme {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Outfit", sans-serif;
  --font-script: "Sacramento", cursive;
}

@layer base {
  body {
    font-family: var(--font-sans);
    background-color: #fffafb;
    overflow-x: hidden;
  }
}

/* Custom heartbeat keyframe for our cute buttons/icons */
@keyframes heartbeat {
  0% { transform: scale(1); }
  14% { transform: scale(1.1); }
  28% { transform: scale(1); }
  42% { transform: scale(1.1); }
  70% { transform: scale(1); }
}

.animate-heartbeat {
  animation: heartbeat 1.8s infinite ease-in-out;
  will-change: transform;
  transform-style: preserve-3d;
  backface-visibility: hidden;
}

/* Scratch card custom cursor and clip-paths */
.scratch-overlay {
  background: linear-gradient(135deg, #f43f5e 0%, #db2777 100%);
}