BEM convention is used for main block and components semantic.
Custom classes used for styling (in main.css used with Tailwind classes @apply) in atomic components, molecules, organism or recurring base styles for components variants eg: buttons, links, card base styles, typography.
Used also for styles added or remove via js, and for js hooks.