/* =============================================================
   main.css — Root Stylesheet
   ryanschill.co

   Import order matters — each layer builds on the previous.
   Do not add rules directly here; use the appropriate module.

   Load order:
     1. tokens.css    — custom properties (all layers)
     2. reset.css     — normalize browser defaults
     3. typography.css — type system
     4. layout.css    — structural patterns
     5. components.css — UI components
   ============================================================= */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&family=Source+Serif+4:ital,opsz,wght@0,8..60,300;0,8..60,400;0,8..60,600;1,8..60,300;1,8..60,400&family=DM+Mono:wght@400;500&display=swap');

@import './tokens.css';
@import './reset.css';
@import './typography.css';
@import './layout.css';
@import './components.css';
@import './animations.css';
@import './home.css';