@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  body {
    @apply bg-white text-apple-gray-800 antialiased;
    font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'SF Pro Text', 'Helvetica Neue', sans-serif;
  }
  
  html {
    scroll-behavior: smooth;
  }
}

@layer utilities {
  .glass-effect {
    @apply bg-white/70 backdrop-blur-xl;
  }
  
  .text-gradient {
    @apply bg-clip-text text-transparent bg-gradient-to-r from-apple-blue to-purple-600;
  }
  
  .apple-shadow {
    box-shadow: 2px 4px 12px rgba(0, 0, 0, 0.08);
  }
  
  .apple-shadow-lg {
    box-shadow: 2px 8px 24px rgba(0, 0, 0, 0.12);
  }
  
  .button-hover {
    @apply transition-all duration-300 ease-out hover:scale-105 active:scale-95;
  }
}

/* Scrollbar Styles */
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  @apply bg-apple-gray-50;
}

::-webkit-scrollbar-thumb {
  @apply bg-apple-gray-300 rounded-full;
}

::-webkit-scrollbar-thumb:hover {
  @apply bg-apple-gray-400;
}

/* Selection */
::selection {
  @apply bg-apple-blue/20 text-apple-gray-900;
}