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

/* Components */
@import "components/buttons.css";
@import "components/cards.css";
@import "components/forms.css";
@import "components/tables.css";
@import "components/navbar.css";
@import "components/flash.css";
@import "components/panels.css";
@import "components/badges.css";
@import "components/sidebar.css";
@import "components/trix_headings.css";
@import "components/trix_editor.css";

/* Layouts */
@import "layouts/auth.css";
@import "layouts/dashboard.css";
@import "layouts/comparison.css";
@import "layouts/admin.css";
@import "layouts/wiki.css";
@import "layouts/lms.css";

/* Utility */
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1.5rem;
}

.page-content {
  padding: 1.5rem;
}

.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }
.flex { display: flex; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.gap-1 { gap: 0.5rem; }
.gap-2 { gap: 1rem; }
.hidden { display: none !important; }