/*
 * Science In A Snapshot — Main CSS Entry Point
 * Imports all modular CSS files in dependency order.
 * tokens.css must be first (defines custom properties used everywhere).
 */

/* Design tokens — custom properties, colors, typography, spacing */
@import 'tokens.css';

/* Base reset, typography, layout containers, hero, footer */
@import 'layout.css';

/* Gallery grid, card styles, badges, skeleton loading */
@import 'gallery.css';

/* Search bar, filter toggles, NGSS search */
@import 'filters.css?v=2';

/* Modal shell, tabs, grade selector, content panels, downloads */
@import 'modal.css?v=2';

/* Hotspot markers, tooltips, sentence stems overlay */
@import 'hotspots.css';

/* Ratings, comments, favorites, contributions, auth UI */
@import 'community.css';

/* Storyline bundle cards, navigation */
@import 'storylines.css?v=3';

/* Song player, lyrics, controls */
@import 'songs.css';

/* Blog modal reader */
@import 'blog.css';

/* Toast notifications, contact form */
@import 'animations.css';

/* Student view (reserved) */
@import 'student.css';

/* Responsive breakpoints, mobile, print, accessibility */
@import 'responsive.css?v=2';