/**
 * VHP Theme - Main Stylesheet
 *
 * This file imports all component and page stylesheets.
 * Individual styles are organized in subdirectories:
 * - base/      : Variables, reset, typography
 * - layout/    : Grid, header, footer, sidebar
 * - components/: Navigation, cards, buttons, etc.
 * - pages/     : Page-specific styles
 *
 * @package VHP_Theme
 * @since 1.0.0
 */

/* ==========================================================================
   Base Styles
   ========================================================================== */

@import 'base/variables.css';
@import 'base/reset.css';
@import 'base/typography.css';
@import 'base/utilities.css';

/* ==========================================================================
   Layout Styles
   ========================================================================== */

@import 'layout/grid.css';
@import 'layout/header.css';
@import 'layout/footer.css';
@import 'layout/sidebar.css';

/* ==========================================================================
   Component Styles
   ========================================================================== */

@import 'components/navigation.css';
@import 'components/breadcrumbs.css';
@import 'components/product-card.css';
@import 'components/overview-grid.css';
@import 'components/lightbox.css';
@import 'components/image-gallery.css';
@import 'components/downloads.css';
@import 'components/contact-form.css';
@import 'components/buttons.css';
@import 'components/icons.css';
/* @import 'components/tables.css'; */

/* ==========================================================================
   Page Styles
   ========================================================================== */

@import 'pages/pages.css';
@import 'pages/homepage.css';
@import 'pages/product-single.css';
@import 'pages/product-archive.css';
@import 'pages/contact.css';
@import 'pages/search.css';
@import 'pages/404.css';