@import "tailwindcss";
@plugin '@tailwindcss/typography';
@import "basecoat-css";
@import "./fonts";
@import "./flash";

@theme {
  --color-neon-green: #39ff14;
}

[data-selection-target="card"].selected {
  @apply border-violet-500 bg-violet-500/10 ring-1 ring-violet-500;
}

@keyframes wiggle {
  0%, 100% { transform: rotate(0deg); }
  20% { transform: rotate(-2deg); }
  40% { transform: rotate(2deg); }
  60% { transform: rotate(-2deg); }
  80% { transform: rotate(2deg); }
}