/*
 * Story Box - Main Stylesheet
 * Immersive Cinematic UI Theme
 *
 * This file imports all modular stylesheets.
 * Load order matters for proper cascade.
 */

/* ========== Base Styles ========== */
/* CSS Custom Properties (variables) */
@import url('base/variables.css');

/* Reset and normalize */
@import url('base/reset.css');

/* Typography */
@import url('base/typography.css');

/* ========== Animations ========== */
/* Keyframe definitions */
@import url('animations/keyframes.css');

/* Animated background system */
@import url('animations/parallax.css');

/* Transitions */
@import url('animations/transitions.css');

/* ========== Layout ========== */
/* Header and navigation */
@import url('layout/header.css');

/* Theater mode layout */
@import url('layout/theater.css');

/* Playlist layout */
@import url('layout/playlist.css');

/* ========== Components ========== */
/* Buttons */
@import url('components/buttons.css');

/* Forms and inputs */
@import url('components/forms.css');

/* Cards and containers */
@import url('components/cards.css');

/* Custom audio player */
@import url('components/audio-player.css');

/* Ken Burns slideshow */
@import url('components/slideshow.css');

/* Loading states */
@import url('components/loading.css');

/* Lightbox modal */
@import url('components/lightbox.css');

/* ========== Utilities ========== */
/* Responsive utilities */
@import url('utilities/responsive.css');

/* Helper classes */
@import url('utilities/helpers.css');