@tailwind base;
@tailwind components;
@tailwind utilities;
@layer components {
  .pulso-label { @apply text-[11px] tracking-[0.24em] uppercase font-semibold text-ink-400; }
  .pulso-heading { @apply font-display font-bold leading-none tracking-tight; }
  .pulso-card { @apply bg-white border border-stone-200; }
  .scrollbar-hide { -ms-overflow-style: none; scrollbar-width: none; }
  .scrollbar-hide::-webkit-scrollbar { display: none; }
  .btn-charcoal { @apply bg-ink-900 text-white hover:bg-black transition-colors; }
  .btn-ghost-charcoal { @apply border border-ink-900 text-ink-900 hover:bg-ink-900 hover:text-white transition-colors; }
}