/* ============================================
   MAIN CSS - IMPORTS ALL STYLESHEETS
   ============================================ */

/* Foundation */
@import url('reset.css');
@import url('variables.css');
@import url('typography.css');

/* Layout */
@import url('layout.css');

/* Components */
@import url('components.css');

/* Responsive */
@import url('responsive.css');

/* ============================================
   UTILITY CLASS EXTENSIONS
   ============================================ */

/* Additional Utilities */
.cursor-pointer {
  cursor: pointer;
}

.cursor-not-allowed {
  cursor: not-allowed;
}

.transition-all {
  transition: all var(--transition-base);
}

.transition-fast {
  transition: all var(--transition-fast);
}

.transition-slow {
  transition: all var(--transition-slow);
}

.opacity-50 {
  opacity: 0.5;
}

.opacity-75 {
  opacity: 0.75;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}