/*
  Main stylesheet - imports all modular CSS files

  To customize the design:
  1. Edit variables.css to change colors, fonts, spacing
  2. Edit individual component files for specific elements
  3. All styles use CSS custom properties for easy theming
*/

/* Google Fonts - Playfair Display and Space Grotesk */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800;900&family=Space+Grotesk:wght@400;500;600;700;800;900&display=swap');

/* Core styles */
@import './variables.css';
@import './base.css';
@import './typography.css';

/* Components */
@import './components.css';
@import './blog.css';
@import './contact.css';
@import './about.css';

/* Responsive */
@import './responsive.css';