src/index.css

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

@layer base {
  :root {
    --background: 210 40% 98%; /* Soft off-white blue */
    --foreground: 222 47% 11%;
    --card: 0 0% 100%;
    --primary: 221 83% 53%; /* Gemini Blue */
    --radius: 1rem;
  }

  body {
    @apply bg-[#f9fafb] text-slate-900 antialiased;
    font-feature-settings: "ss01", "ss02", "cv01", "cv11";
  }
}

@layer components {
  /* Gemini-style glass cards */
  .glass-card {
    @apply bg-white/80 backdrop-blur-md border border-white/20 shadow-sm;
  }

  /* Smooth transitions for progress bars and tooltips */
  .transition-all-slow {
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  }
}

/* Custom scrollbar for a cleaner sidebar look */
::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  @apply bg-transparent;
}

::-webkit-scrollbar-thumb {
  @apply bg-slate-200 rounded-full hover:bg-slate-300;
}