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

@layer base {
  :root {
    /* * Semantic colors */
    --color-success: #10B981;
    --color-warning: #F59E0B;
    --color-error: #EF4444;
  }
  
  body {
    @apply bg-ciphera-gradient bg-fixed;
  }
  
  .dark body {
    @apply bg-ciphera-gradient-dark;
  }
}

@layer utilities {
  /* * 3D Transform Utilities - Pulse-specific */
  .perspective-1000 {
    perspective: 1000px;
  }
  
  .rotate-x-12 {
    transform: rotateX(12deg);
  }
  
  .rotate-x-0 {
    transform: rotateX(0deg);
  }
  
  .transform-style-3d {
    transform-style: preserve-3d;
  }

  /* * Animations */
  @keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
  }

  .animate-float {
    animation: float 6s ease-in-out infinite;
  }
}