/* ==========================================================================
   PROFILE BASE - Main Import File
   Refactored for better maintainability and best practices
   
   🔒 PROPORTIONAL LAYOUT CONTRACT
   ==========================================================================
   
   This file follows the Proportional Layout Contract pattern:
   - Use rem/em units instead of fixed px values
   - Use CSS variables for consistent proportional scaling
   - Use aspect-ratio for photo sizing instead of fixed dimensions
   - Use relative spacing (rem/em) that scales with font-size
   - Avoid fixed heights - use aspect-ratio or auto
   - Use CSS Grid with fr units for internal layout distribution
   
   Benefits:
   - Layout scales proportionally with user font-size preferences
   - Better accessibility (respects user zoom/font-size settings)
   - More maintainable (change root font-size affects all proportions)
   - Consistent with card component architecture
   
   REFACTORING NOTE (2026-01-04):
   This file was refactored from 1,115 lines to this import file.
   All styles have been split into focused modules in the profile/ directory.
   ========================================================================== */

/* ==========================================================================
   MODULE IMPORTS
   Import order matters - variables must come first
   ========================================================================== */

/* Step 1: CSS Variables (must be first) */
@import url('./profile/_variables.css');

/* Step 2: Base Styles */
@import url('./profile/_base.css');

/* Step 3: Typography */
@import url('./profile/_typography.css');

/* Step 4: Component Styles */
@import url('./profile/_photo.css');
@import url('./profile/_dark-mode.css');
@import url('./profile/_post-card-bem.css'); /* BEM elements/modifiers; block surface in card-core.css */

/* Step 5: Layout Overrides */
@import url('./profile/_container-overrides.css');

/* Mobile card rules: loaded via profile-grid-layout.css (avoid duplicate 711-line import) */
