/* ============================================
   ACFS Attendance System - Main Stylesheet
   Entry point - imports all CSS modules
   
   Architecture:
   - base/       : Variables, reset, typography
   - components/ : Reusable UI components
   - layouts/    : Page layout structures
   - pages/      : Page-specific styles (loaded conditionally)
   - utilities/  : Helper classes
   ============================================ */

/* ============================================
   BASE STYLES
   ============================================ */
@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';

/* ============================================
   COMPONENTS
   ============================================ */
@import 'components/buttons.css';
@import 'components/cards.css';
@import 'components/forms.css';
@import 'components/tables.css';
@import 'components/badges.css';
@import 'components/alerts.css';
@import 'components/navigation.css';

/* ============================================
   LAYOUTS
   ============================================ */
@import 'layouts/dashboard.css';
@import 'layouts/login.css?v=2';
@import 'layouts/mobile.css';

/* ============================================
   UTILITIES
   ============================================ */
@import 'utilities/spacing.css';
@import 'utilities/colors.css';
@import 'utilities/visibility.css';

/* ============================================
   PAGE-SPECIFIC STYLES
   These are loaded conditionally by pages
   To use, add <link> in page head:
   <link rel="stylesheet" href="css/pages/attendance.css">
   ============================================ */
/* @import 'pages/attendance.css'; */
/* @import 'pages/ops-zone.css'; */
/* @import 'pages/daily-snapshot.css'; */
/* @import 'pages/reports.css'; */