/* Sevgilink — extra global styles (Tailwind handles 99%, this is just the polish) */

:root {
  --brand-500: #ec4899;
  --accent-500: #8b5cf6;
}

html { -webkit-text-size-adjust: 100%; }

body {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

.font-display { font-family: 'Quicksand', 'Poppins', sans-serif; }

/* Smooth scroll on anchor links */
html { scroll-behavior: smooth; }

/* Better focus rings on mobile */
*:focus-visible {
  outline: 2px solid var(--brand-500);
  outline-offset: 2px;
}

/* Pretty scrollbars (desktop only) */
@media (min-width: 768px) {
  ::-webkit-scrollbar { width: 8px; height: 8px; }
  ::-webkit-scrollbar-track { background: #fdf2f8; }
  ::-webkit-scrollbar-thumb { background: #f9a8d4; border-radius: 8px; }
  ::-webkit-scrollbar-thumb:hover { background: #f472b6; }
}

/* Heart pulse animation */
@keyframes heartbeat {
  0%, 100% { transform: scale(1); }
  10%, 30% { transform: scale(1.15); }
  20%      { transform: scale(0.95); }
}
.heartbeat { animation: heartbeat 1.5s ease-in-out infinite; }

/* Floating animation */
@keyframes float {
  0%, 100% { transform: translateY(0); }
  50%      { transform: translateY(-8px); }
}
.float { animation: float 3s ease-in-out infinite; }

/* Mobile tap highlight off */
* { -webkit-tap-highlight-color: transparent; }