/* static/css/main.css */

  
/* 1. Base styles */
@import 'base/_variables.css';
@import 'base/_typography.css'; /* ADD THIS */
@import 'base/_utilities.css';
@import 'base/_dark-mode.css';

/* 2. Layout */
@import 'layout/_container.css'; /* ADD THIS */
@import 'layout/_header.css'; /* ADD THIS */
@import 'layout/_footer.css'; /* ADD THIS */

/* 3. Components */
@import 'components/_buttons.css';
@import 'components/_card.css';
@import 'components/_status-badge.css';
@import 'components/_messages.css'; /* ADD THIS */
@import 'components/_forms.css'; /* ADD THIS */
@import 'components/_progress-bar.css';
@import 'components/_lookup.css';
@import 'components/_details-list.css';
@import 'components/_notifications.css';
@import "components/_modal.css";
@import 'components/_tables.css';
@import 'components/_stepper.css';
@import 'components/_onboarding_widget.css';

/* 4. Page-specific styles */
@import 'pages/_home.css';
@import 'pages/_auth.css'; /* ADD THIS */
@import 'pages/_dashboard.css';
@import 'pages/_workspace.css';
@import 'pages/_landing-page.css';
@import 'pages/_plan-create.css';
@import 'pages/_pricing.css';
@import 'pages/_viewer.css';
@import 'pages/_app-base.css';
@import 'pages/_asset-management.css';
@import 'pages/_settings.css';