/* CaPSE Demo - Main CSS Entry Point */

/* Import Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');

/* Foundation Layer - Design System Variables */
@import url('./foundation/variables.css');

/* Base Layer - Typography, Reset, Utilities */
@import url('./base/reset.css');
@import url('./base/utilities.css');

/* Component Layer - Reusable UI Components */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/modals.css');
@import url('./components/forms.css');

/* Layout Layer - Page Structure and Navigation */
@import url('./layout/navigation.css');
@import url('./layout/containers.css');
@import url('./layout/grid.css');

/* Features Layer - Feature-specific Styles */
@import url('./features/admin.css');
@import url('./features/account.css');
@import url('./features/devices.css');
@import url('./features/kiosk.css');
@import url('./features/auth.css');
@import url('./features/chatbot.css');
@import url('./features/toasts.css');
@import url('./features/faqs-demos.css');