/* ==========================================================================
   EnvLink - Main Stylesheet
   ==========================================================================

   This is the main CSS file that imports all modular stylesheets.

   To customize the design, you can:
   1. Adjust CSS variables in styles/variables.css for quick global changes
   2. Modify individual module files in the styles/ directory

   Module Structure:
   - variables.css: CSS custom properties (colors, sizes, durations, etc.)
   - base.css: Global layout and font definitions
   - deckgl.css: Deck.gl canvas and app container
   - hud.css: Header UI elements and scroll hints
   - batch-legend.css: Batch legend component
   - intro-overlay.css: Landing page intro cards
   - story.css: Story scroll sections
   - session-overlay.css: Session cards, timeline, tooltips, controls
   - status.css: Loading status overlay

   ========================================================================== */

/* Import CSS Variables */
@import url('./styles/variables.css');

/* Import Base Styles */
@import url('./styles/base.css');

/* Import Layout Components */
@import url('./styles/deckgl.css');
@import url('./styles/hud.css');

/* Import UI Components */
@import url('./styles/batch-legend.css');
@import url('./styles/intro-overlay.css');
@import url('./styles/story.css');
@import url('./styles/session-overlay.css');
@import url('./styles/status.css');