.BaseTabs {
  @apply tracking-wider;
}

.BaseTabsList {
  @apply inline-flex;
  @apply items-center;
  @apply justify-center;
  @apply bg-secondary;
  @apply text-secondary-foreground;
  @apply rounded-full;
  @apply p-1;
  @apply tracking-wider;
}

.BaseTabsTrigger {
  @apply inline-flex;
  @apply items-center;
  @apply justify-center;
  @apply whitespace-nowrap;
  @apply px-3;
  @apply py-1;
  @apply gap-1.5;
  @apply font-ctas;
  @apply text-secondary-foreground;
  @apply transition-all;
  @apply ring-offset-white;
  @apply rounded-full;
  @apply tracking-wider;

  @apply focus-visible:outline-none;
  @apply focus-visible:ring-2;
  @apply focus-visible:ring-stone-950;
  @apply focus-visible:ring-offset-2;

  @apply disabled:pointer-events-none;
  @apply disabled:opacity-50;

  @apply data-[state=active]:bg-primary;
  @apply data-[state=active]:shadow;
  @apply data-[state=active]:text-primary-foreground;
  @apply data-[state=inactive]:text-muted-foreground;
}

:global(.dark) .BaseTabsTrigger {
  @apply data-[state=active]:bg-background;
  @apply data-[state=active]:shadow-md;
  @apply data-[state=active]:text-accent;
}

.BaseTabsContent {
  @apply ring-offset-white;
  @apply focus-visible:outline-none;
  @apply focus-visible:ring-2;
  @apply focus-visible:ring-stone-950;
  @apply focus-visible:ring-offset-2;
}

.size-sm {
  @apply text-sm;
}

.size-default {
  @apply text-base;
}

.size-lg {
  @apply text-lg;
}
