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

@layer components {
  .rv-circle { @apply inline-flex items-center justify-center rounded-full bg-gradient-to-br from-teal-500 to-cyan-500 text-white ring-4 ring-teal-50 shrink-0 aspect-square; }
  .rv-circle--sm { width: 2rem; height: 2rem; font-size: 0.875rem; font-weight: 600; }
  .rv-circle--md { width: 2.5rem; height: 2.5rem; }
  .rv-circle--lg { width: 3rem; height: 3rem; }
}