/* ModelsGlaze - Refactored CSS Architecture */

/* Core Styles */
@import url('./core/base.css');

/* Layout Styles */
@import url('./layout/navigation.css');
@import url('./layout/dashboard.css');

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

/* Utilities */
@import url('./utilities/spacing.css');
@import url('./utilities/typography.css');

/* Animations */
@import url('./animations.css');

/* Performance Optimizations */
* {
  box-sizing: border-box;
}

img {
  max-width: 100%;
  height: auto;
}

/* Print Styles */
@media print {
  .nav,
  .dashboard-sidebar,
  .mobile-menu-overlay {
    display: none !important;
  }
  
  .dashboard-main {
    margin-left: 0 !important;
  }
  
  .profile-card {
    box-shadow: none !important;
    border: 1px solid #ccc !important;
  }
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
  :root {
    --color-primary: #000000;
    --color-primary-dark: #000000;
    --text-primary: #000000;
    --text-secondary: #000000;
    --bg-primary: #ffffff;
    --bg-secondary: #ffffff;
  }
}

/* Reduced Motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}

/* Dark Mode Support */
@media (prefers-color-scheme: dark) {
  :root {
    --bg-primary: #1f2937;
    --bg-secondary: #111827;
    --text-primary: #f9fafb;
    --text-secondary: #d1d5db;
    --text-muted: #9ca3af;
  }
  
  .nav {
    background-color: rgba(31, 41, 55, 0.98);
    border-bottom-color: rgba(255, 255, 255, 0.1);
  }
  
  .profile-card {
    background: rgba(31, 41, 55, 0.98);
    border-color: rgba(255, 255, 255, 0.1);
  }
  
  .dashboard-sidebar {
    background-color: var(--bg-primary);
    border-right-color: rgba(255, 255, 255, 0.1);
  }
  
  .dashboard-card {
    background-color: var(--bg-primary);
    border-color: rgba(255, 255, 255, 0.1);
  }
}