/* AGNED Custom Clinical Theme */
:root {
  --color-clinical-50: #f0f9ff;
  --color-clinical-100: #e0f2fe;
  --color-clinical-200: #bae6fd;
  --color-clinical-300: #7dd3fc;
  --color-clinical-400: #38bdf8;
  --color-clinical-500: #0ea5e9;
  --color-clinical-600: #0284c7;
  --color-clinical-700: #0369a1;
  --color-clinical-800: #075985;
  --color-clinical-900: #0c4a6e;
  --color-clinical-950: #082f49;
}

body {
  background-color: white;
  color: var(--color-clinical-900);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  overflow-y: auto;
  font-family: 'Outfit', sans-serif;
  min-height: 100vh;
}

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

@keyframes rotate-y {
  0% { transform: rotateY(0deg); }
  100% { transform: rotateY(360deg); }
}

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

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

.animate-rotate-y {
  animation: rotate-y 3s ease-in-out infinite;
}

/* Utilities */
.perspective-1000 {
  perspective: 1000px;
  transform-style: preserve-3d;
}

.gradient-bg {
  background: radial-gradient(circle at top left, var(--color-clinical-50) 0%, #ffffff 40%, var(--color-clinical-100) 100%);
}

.text-gradient {
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-image: linear-gradient(to right, var(--color-clinical-600), var(--color-clinical-800));
}

.glass {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

.glass-card {
  background-color: rgba(255, 255, 255, 0.4);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 1rem;
  box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}