/* ===========================================
   RESPONSIVE MEDIA QUERIES
   ========================================= */
@import url('tokens.css');
@import url('base.css');
@import url('layout.css');
@import url('components.css');
@import url('sections.css');
@import url('animations.css');
@import url('darkmode.css');

@media (min-width: 576px) { /* ... */ }
@media (min-width: 768px) { /* ... */ }
@media (min-width: 1024px) { /* ... */ }
@media (min-width: 1280px) { /* ... */ }
@media (max-width: 767px) { /* ... */ }
@media (max-width: 480px) { /* ... */ }
@media (prefers-reduced-motion: reduce) { /* ... */ }
@media print { /* ... */ }