/* ============================================================================
   DAISI Website - Main Stylesheet
   ============================================================================
   Modular CSS architecture for maintainability and readability.
   
   This file imports all CSS modules in the correct cascade order:
   1. Design tokens (variables, dark mode, base styles)
   2. Layout structure (header, footer, navigation, sections)
   3. Component modules (cards, buttons, forms)
   4. Behavior modules (animations)
   5. Utility classes
   
   Each module is self-contained and focused on a single responsibility.
   See individual module files for detailed documentation.
   ========================================================================= */

/* 1. Design Tokens - CSS variables, dark mode, typography */
@import url('./tokens.css');

/* 2. Layout & Structure - header, footer, navigation, hero, sections */
@import url('./layout.css');

/* 3. Components */
@import url('./cards.css');      /* Card components and variants */
@import url('./buttons.css');    /* Button styles */
@import url('./forms.css');      /* Form inputs */

/* 4. Behavior */
@import url('./animations.css'); /* Keyframes and scroll reveals */

/* 5. Utilities */
@import url('./utilities.css');  /* Helper classes: icons, responsive, print */