/* ========================================
   MODULAR CSS ARCHITECTURE
   ========================================
   This file imports all CSS modules for better organization
   and maintainability.
   ======================================== */

/* 1. Variables - CSS custom properties */
@import 'variables.css';

/* 2. Base - Reset & typography */
@import 'base.css';

/* 3. Layout - Grid, sidebar, containers */
@import 'layout.css';

/* 4. Components - Reusable UI elements */
@import 'buttons.css';
@import 'cards.css';
@import 'forms.css';
@import 'select-modern.css';
@import 'tables.css';
@import 'modals.css';
@import 'components.css';
@import 'tabs.css';

/* 5. Pages - Page-specific styles */
@import 'homepage.css';
@import 'auth.css';
@import 'dashboard-modern.css';
@import 'details.css';
@import 'providers.css';
@import 'proposals.css';
@import 'plans.css';
@import 'security.css';
@import 'roadmap.css';
@import 'reminders.css';
@import 'invoices.css';
@import 'sharing.css';
@import 'release-premium.css';
@import 'admin-commerce.css';
@import 'homepage-editorial.css?v=20260826-visual';

/* 6. Utilities - Helper classes */
@import 'utilities.css';

/* 7. Site-wide studio skin - shared by auth, dashboard and admin */
@import 'studio-system.css?v=20260826-release';