/**
 * VLog Public Site CSS Bundle
 * Main entry point for shared styles across all public pages
 *
 * Import order matters for proper cascade:
 *   1. Design tokens (CSS custom properties)
 *   2. Base/accessibility utilities
 *   3. Reusable components
 *
 * Note: Page-specific CSS (like pages/player.css) is loaded
 * separately on individual pages, not bundled here.
 */

@import 'design-tokens.css';
@import 'a11y.css';
@import 'components/video-card.css';
@import 'components/skeleton.css';
@import 'components/filter-bar.css';
@import 'components/header.css';
@import 'components/breadcrumb.css';
@import 'components/footer.css';

/* Alpine.js x-cloak directive - hides elements until Alpine initializes */
[x-cloak] {
    display: none !important;
}