/**
 * BRWS Modern Stylesheet
 * Main stylesheet that imports all component CSS files
 *
 * Bengal Rural Welfare Service (BRWS)
 * Modern CSS Architecture - 2025
 *
 * This file replaces the legacy stylesheets (brws.css, brws2.css, style.css)
 * with a modern, organized, and maintainable CSS architecture.
 *
 * @version 1.0.0
 * @date 2025-10-25
 */

/* ============================================================================
   CSS IMPORT ORDER

   The order of imports is important:
   1. Reset - Normalize browser defaults
   2. Variables - CSS custom properties (design tokens)
   3. Base - Typography and element defaults
   4. Layout - Grid/Flexbox layout systems
   5. Components - Reusable UI components
   6. Utilities - Helper classes
   ============================================================================ */

/* 1. Reset - Modern CSS Reset */
@import url('reset.css');

/* 2. Variables - CSS Custom Properties (Design Tokens) */
@import url('variables.css');

/* 3. Base - Typography and Default Styles */
@import url('base.css');

/* 4. Layout - Grid and Flexbox Layouts */
@import url('layout.css');

/* 4a. Menu Navigation - Navigation buttons, hamburger menu */
@import url('menu.css');

/* 5. Components - Buttons, Navigation, UI Elements */
@import url('components.css');

/* 6. Utilities - Helper Classes */
@import url('utilities.css');

/* ============================================================================
   USAGE INSTRUCTIONS

   To use this modern CSS architecture in your PHP files:

   OLD WAY (Legacy):
   -----------------
   <link rel="stylesheet" type="text/css" href="css/brws.css" />
   <link rel="stylesheet" type="text/css" href="css/brws2.css" />
   <link rel="stylesheet" type="text/css" href="css/style.css" />

   NEW WAY (Modern):
   -----------------
   <link rel="stylesheet" type="text/css" href="css/brws-modern.css" />

   Note: During the transition period, you may load both legacy and modern
   stylesheets. Modern CSS uses higher specificity where needed to override
   legacy styles.

   ============================================================================ */

/* ============================================================================
   FEATURES INCLUDED IN THIS ARCHITECTURE

   ✅ CSS Custom Properties (Variables)
      - Colors, typography, spacing, breakpoints
      - Easy theming and maintenance

   ✅ Modern CSS Reset
      - Consistent baseline across browsers
      - Box-sizing, improved defaults

   ✅ Responsive Design Ready
      - Mobile-first breakpoints
      - Flexible grid and flexbox utilities

   ✅ Improved Performance
      - Single CSS file import
      - Organized, modular structure

   ✅ Accessibility
      - Focus states, skip links
      - Screen reader utilities
      - Keyboard navigation support

   ✅ Maintainability
      - Logical organization
      - Clear naming conventions
      - Well-commented code

   ============================================================================ */

/* ============================================================================
   BROWSER SUPPORT

   This stylesheet is designed for modern browsers:
   - Chrome/Edge 90+
   - Firefox 88+
   - Safari 14+
   - iOS Safari 14+
   - Android Chrome 90+

   All browsers with CSS Grid, Flexbox, and Custom Properties support.

   ============================================================================ */

/* ============================================================================
   MIGRATION NOTES

   This CSS architecture is part of the BRWS Website Modernization Plan.

   ✅ Task 4 Complete: Modern CSS Architecture

   Next Steps (see MODERNIZATION_PLAN.md):
   - Task 5: Convert table layouts to CSS Grid/Flexbox
   - Task 6: Replace WOWSlider with Splide.js
   - Task 7: Replace jQuery plugins with GLightbox
   - Task 8: Remove jQuery dependencies

   ============================================================================ */

/**
 * End of brws-modern.css
 */