/* LoftLine v2 — main CSS entry point.
   Loaded BEFORE the Tailwind CDN so Tailwind utilities can override these
   component classes. No Tailwind-duplicating utilities in here. */

/* Base */
@import './base/variables.css';
@import './base/reset.css';
@import './base/typography.css';

/* Components (design-system socle) */
@import './components/buttons.css';
@import './components/forms.css';
@import './components/cards.css';
@import './components/badges.css';
@import './components/modals.css';
@import './components/tables.css';

/* Utilities */
@import './utilities/animations.css';

/* Hide Alpine cloak elements */
[x-cloak] {
  display: none !important;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: #F1F5F9; /* slate-100 */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb {
  background: #CBD5E1; /* slate-300 */
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94A3B8; /* slate-400 */
}