/* Import Lusitana Google Font */
@import url('https://fonts.googleapis.com/css2?family=Lusitana:wght@400;700&display=swap');

/* Import modular CSS files */
@import url('./_reset.css');
@import url('./_typography.css');
@import url('./_layout.css');
@import url('./_header.css');
@import url('./_nav.css');
@import url('./_footer.css');
@import url('./_components.css');
@import url('./_responsive.css');

/* 
  CSS Architecture Overview:
  
  _reset.css         - Resets and base element styles
  _typography.css    - Headings, paragraphs, text styles
  _layout.css        - Container, grid, flexbox utilities, spacing
  _header.css        - Header and brand logo styles
  _nav.css           - Navigation menu and hamburger styles
  _footer.css        - Footer and footer links
  _components.css    - Cards, buttons, badges, hero sections, etc.
  _responsive.css    - Media queries for responsive design
  
  Color palette:
  - Primary: #005fcc (brand blue, used for focus and hover states)
  - Text: #222 (dark gray, body text), #111 (darker, nav text)
  - Light: #f5f5f5, #ffffff (backgrounds)
  - Border: #e5e5e5, #ddd
  
  Font families:
  - Body: Lusitana (serif, Google Fonts)
  - UI: system-ui stack (sans-serif for nav, buttons)
*/