/* ==========================================================================
   DOCQEN - Main Stylesheet
   Molecular Docking Platform - Google-style Design
   ITCSS Architecture: Base → Layout → Components → Utilities → Themes
   ========================================================================== */

/* Base - Reset and configuration */
@import 'base/_reset.css';
@import 'base/_variables.css';
@import 'base/_typography.css';

/* Layout - Main structures */
@import 'layout/_container.css';
@import 'layout/_grid.css';
@import 'layout/_sections.css';

/* Components - Reusable components */
@import 'components/_buttons.css';
@import 'components/_cards.css';
@import 'components/_forms.css';
@import 'components/_navbar.css';
@import 'components/_sidebar.css';
@import 'components/_viewer.css';
@import 'components/_upload-zone.css';
@import 'components/_stepper.css';
@import 'components/_status-chip.css';
@import 'components/_modals.css';
@import 'components/_tables.css';
@import 'components/_toast.css';

/* Utilities - Helper classes */
@import 'utilities/_spacing.css';
@import 'utilities/_display.css';
@import 'utilities/_text.css';

/* Themes */
@import 'themes/_dark.css';