/**
 * Agallo CRM Stylesheet
 *
 * Main entry point that imports all CSS partials.
 * Follows BEM methodology for class naming.
 *
 * Architecture:
 * - base/      Core styles (variables, reset, typography)
 * - components/ Reusable UI components (buttons, cards, forms)
 * - layouts/   Page structure (sidebar, header, container)
 * - pages/     Page-specific styles (dashboard, versaggi, etc.)
 * - utilities/ Helper classes (HTMX indicators, debug)
 *
 * CSS Variables:
 * All design tokens are defined in base/variables.css:
 * - Colors: --color-primary, --color-danger, etc.
 * - Typography: --font-sans, --text-sm, etc.
 * - Spacing: --space-1 through --space-12
 * - Component tokens: --sidebar-bg, --sidebar-width, etc.
 *
 * Responsive Breakpoints:
 * - Mobile: < 768px
 * - Tablet: 768px - 1024px
 * - Desktop: > 1024px
 *
 * @see base/variables.css for design tokens
 */

/* ==========================================================================
   Base Styles
   ========================================================================== */

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

/* ==========================================================================
   Component Styles
   ========================================================================== */

@import 'components/button.css';
@import 'components/card.css';
@import 'components/form.css';
@import 'components/alert.css';
@import 'components/badge.css';
@import 'components/versaggio-number.css';
@import 'components/modal.css';
@import 'components/toast.css';
@import 'components/chart.css';
@import 'components/tooltip.css';
@import 'components/tabs.css';
@import 'components/top-ten-list.css';

/* ==========================================================================
   Layout Styles
   ========================================================================== */

@import 'layouts/sidebar.css';
@import 'layouts/header.css';
@import 'layouts/container.css';

/* ==========================================================================
   Page-Specific Styles
   ========================================================================== */

@import 'pages/auth.css';
@import 'pages/dashboard.css';
@import 'pages/metrics.css';
@import 'pages/versaggi.css';
@import 'pages/paint-registration.css';
@import 'pages/tube-registration.css';
@import 'pages/colors.css';
@import 'pages/admin/sync-health.css';
@import 'pages/styleguide.css';
@import 'pages/wiki.css';

/* ==========================================================================
   Utility Classes
   ========================================================================== */

@import 'utilities/htmx.css';
@import 'utilities/debug.css';