/* Main CSS Entry Point - Imports all modules - UPDATED FOR SPLIT TOPTEN */

/* Core styles - Foundation */
@import url('./core/variables.css');
@import url('./core/reset.css');
@import url('./core/typography.css');
@import url('./core/utilities.css');

/* Layout */
@import url('./layout/containers.css');
@import url('./layout/responsive.css');

/* Components - Universal (used by multiple feeds) */
@import url('./components/navigation.css');
@import url('./components/header.css');
@import url('./components/controls.css');
@import url('./components/modal.css');
@import url('./components/toasts.css');
@import url('./components/gradient-orbs.css');

/* Badge Components - Modularized */
@import url('./components/badges/verification-badge.css');
@import url('./components/badges/content-badge.css');
@import url('./components/badges/video-id-badge.css');
@import url('./components/badges/grid-item.css');
@import url('./components/badges/debug-badges.css');

/* Standalone Segment Tictacs */
@import url('./components/segment-tictacs.css');

/* Universal container components */
@import url('./components/feed-container.css');
@import url('./components/main-view.css');
@import url('./components/detailed-view.css');

/* Row Components - Modularized with Split TopTen */
@import url('./components/rows/row-shared.css');
@import url('./components/rows/carousel-base.css');
@import url('./components/rows/standard-row.css');
@import url('./components/rows/featured-row.css');
@import url('./components/rows/spotlight-row.css');
@import url('./components/rows/watched-history-row.css');
/* Split TopTen row styles */
@import url('./components/rows/topten-row.css');           /* Shared base styles */
@import url('./components/rows/topten-video-row.css');     /* Video-specific styles */
@import url('./components/rows/topten-category-row.css');  /* Category-specific styles */

/* Card Components - Modularized */
@import url('./components/cards/card-shared.css');
@import url('./components/cards/standard-card.css');
@import url('./components/cards/featured-card.css');
@import url('./components/cards/spotlight-card.css');
@import url('./components/cards/watched-history-card.css');
/* Split TopTen card styles */
@import url('./components/cards/topten-video-card.css');
@import url('./components/cards/topten-category-card.css');

/* See All View Component */
@import url('./components/see-all-view.css');
@import url('./components/see-all-card.css');
@import url('./components/see-all-group.css');

/* Other Universal item components */
@import url('./components/special-card.css');
@import url('./components/showcase.css');
@import url('./components/discovery.css');
@import url('./components/pick-a.css');

/* Profile Component */
@import url('./components/profile/profile.css');

/* Feed-specific styles */
@import url('./feeds/foryou.css');
@import url('./feeds/magic.css');
@import url('./feeds/explore.css');

/* Upload system styles */
@import url('./upload/upload.css');
@import url('./upload/modal.css');
@import url('./upload/gallery.css');
@import url('./upload/interface.css');
@import url('./upload/timeline.css');
@import url('./upload/editors.css');
@import url('./upload/selectors.css');
@import url('./upload/scrubber.css');
@import url('./upload/segment-select.css');
@import url('./upload/summary.css');