/* css/styles.css — Main Import File */

/* Import order matters: tokens → base → layout → components → pages */

@import url('./tokens.css');
@import url('./base.css');
@import url('./layout.css');
@import url('./components.css');

/* 
 * Modular CSS Architecture
 * 
 * tokens.css      → Design system variables (colors, spacing, typography)
 * base.css        → Reset, typography, accessibility
 * layout.css      → Grid systems, containers, sections
 * components.css  → Buttons, cards, UI elements
 * pages.css       → Page-specific styles (if needed)
 */