@import 'tailwindcss';
@config "../tailwind.config.ts";

@layer base {
  :root {
    --border-radius-md: 0.5rem;
    --color-border-tertiary: rgb(51 65 85 / 0.6);
  }

  body {
    @apply min-h-screen bg-slate-950 text-slate-100 antialiased;
  }
}

@keyframes critical-pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.45;
  }
}

@layer utilities {
  .animate-critical-pulse {
    animation: critical-pulse 1.1s ease-in-out infinite;
  }
}