/* Main CSS entry point */
@import 'styles.css'; /* Generated by Tailwind - import first for base styles */

/* Font loading styles only - font faces are loaded dynamically by font-loader.ts */
@import 'components/font-loading.css';

/* Typography - import early to set base styles */
@import 'components/typography.css';

/* Layouts - structural elements */
@import 'layouts/page.css';
@import 'layouts/tabs.css';

/* Components - ordered by dependency */
@import 'components/shared-loaders.css'; /* Shared loader styles used by multiple components */
@import 'components/shared-errors.css'; /* Shared error styles used by multiple components */
@import 'components/tab-loader.css'; /* New component-based loader styles */
@import 'components/admin.css';
@import 'components/admin-login.css';
@import 'components/results.css';
@import 'components/diagram.css';
@import 'components/locked-nodes.css'; /* Styles for locked nodes in diagrams */
@import 'components/engagement-tips.css';
@import 'components/marketing-embed.css';
@import 'components/more-content-indicator.css'; /* Styles for silhouette tips */