/**
 * FUCIT Main CSS Bundle
 *
 * This is the single entry point for all CSS.
 * Load order matters - from low to high specificity.
 */

/* ============================================
   CORE (Lowest specificity)
   ============================================ */

/* Variables - MUST be first */
@import 'core/variables.css';

/* Reset browser defaults */
@import 'core/reset.css';

/* Typography system */
@import 'core/typography.css';

/* ============================================
   LAYOUT
   ============================================ */

@import 'layout/container.css';
@import 'layout/grid.css';
@import 'layout/header.css';
@import 'layout/footer.css';

/* ============================================
   COMPONENTS
   ============================================ */

@import 'components/button.css';
@import 'components/form.css';
@import 'components/card.css';
@import 'components/nav.css';
@import 'components/toggle.css';

/* TODO: Migrate these to new naming convention */
/* @import 'components/board-post.css'; */
/* @import 'components/chat-message.css'; */
/* @import 'components/user-badge.css'; */

/* ============================================
   UTILITIES (Highest specificity)
   Can use !important
   ============================================ */

/* Core utilities */
@import 'core/utilities.css';

/* Feature utilities */
@import 'utilities/text-effects.css';
@import 'utilities/bbcode.css';
@import 'utilities/wysiwyg-editor.css';
@import 'utilities/system.css';